/* Self-hosted, licensed fonts. Rebuild subsets with tools/build-little-elsewhere-fonts.py. */
@font-face {font-family:"LXGW WenKai TC";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/little-elsewhere/fonts/lxgw-wenkai-tc-regular.woff2?v=2') format('woff2')}
@font-face {font-family:"LXGW WenKai TC";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/little-elsewhere/fonts/lxgw-wenkai-tc-bold.woff2?v=2') format('woff2')}
@font-face {font-family:"Fredoka";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/little-elsewhere/fonts/fredoka-regular.woff2') format('woff2')}
@font-face {font-family:"Fredoka";font-style:normal;font-weight:500;font-display:swap;src:url('/assets/little-elsewhere/fonts/fredoka-medium.woff2') format('woff2')}
/* V4: compact editorial compositions; scoped away from legal pages. */
.landing-page {
  --paper:#fff; --ink:#264e5a; --muted:#446e7a; --accent:#ddf3fa; --line:#dfedf2;
  color:var(--ink); background:var(--paper);
  font-family:"LXGW WenKai TC","PingFang SC","Microsoft YaHei",serif;
  font-weight:400;--heading-weight:700;
  -webkit-font-smoothing:antialiased;
}
.landing-page:lang(en) {font-family:"Fredoka","LXGW WenKai TC",sans-serif;--heading-weight:500}
.landing-page h1,.landing-page h2,.landing-page h3 {font-weight:var(--heading-weight)}
.landing-page h1 {font-size:clamp(38px,3.6vw,52px);line-height:1.5;letter-spacing:.035em;text-wrap:balance}
.landing-page:lang(en) h1 {font-size:clamp(42px,4.4vw,63px);line-height:1.15;letter-spacing:-.035em}
.landing-page h2 {font-size:clamp(28px,2.5vw,36px);line-height:1.5;letter-spacing:.025em;text-wrap:balance}
.landing-page:lang(en) h2 {letter-spacing:-.02em;line-height:1.3}
.landing-page h3 {font-size:19px;line-height:1.5;letter-spacing:0}
.landing-page p {font-size:16px;line-height:1.85}
.landing-page .wrap,.landing-page .content {width:min(1240px,calc(100% - 96px));margin-inline:auto}
.landing-page .header {min-height:88px;position:absolute;inset:0 0 auto;z-index:5}
.landing-page .brand {font-size:17px;font-weight:var(--heading-weight);letter-spacing:.025em}
.landing-page .brand img {width:36px;height:36px;border-radius:10px}
.landing-page .header nav {gap:28px}
.landing-page .button {background:#ddf3fa;color:#264e5a;border:1px solid #a9d7e5;border-radius:7px;min-height:48px;padding:12px 24px;gap:22px;font-size:14px;font-weight:var(--heading-weight);box-shadow:none}
.landing-page .button:hover {background:#c8eaf5;transform:translateY(-1px)}
.landing-page .header .button {min-height:40px;padding:9px 18px;font-size:13px;background:#f1f9fc}
.landing-page a:focus-visible {outline-color:#287589}
.landing-page .panorama {width:100%;height:auto;object-fit:contain}
.landing-page .landscape-screen {width:100%;height:auto;border-radius:12px;box-shadow:0 12px 35px #24536317}
.landing-page .device {width:100%;padding:4px;background:#2c454e;border-radius:25px;box-shadow:0 12px 30px #24536314}
.landing-page .device-screen {width:100%;height:auto;border-radius:21px}
.landing-page .arrival {height:clamp(740px,94vh,900px);position:relative;isolation:isolate;background:#f1f9fc;overflow:hidden}
.landing-page .arrival-inner {position:relative;z-index:2;height:100%;display:grid;grid-template-columns:.9fr 1fr;gap:64px;align-items:start;padding-top:185px}
.landing-page .arrival-copy {max-width:520px}
.landing-page .description {margin-top:22px;max-width:470px;font-size:17px}
.landing-page .support {margin-top:12px;font-size:14px}
.landing-page .arrival-copy .button {margin-top:27px;background:#fff}
.landing-page .social-links {display:flex;align-items:center;gap:20px;margin-top:43px}
.landing-page .social-links a {position:relative;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:11px;transition:transform .2s,background .2s}
.landing-page .social-links a:hover {transform:translateY(-3px);background:#ffffffaa}
.landing-page .social-links .social-icon {position:relative;display:block;width:40px;height:40px;overflow:hidden;border-radius:9px}
.landing-page .social-links img {position:absolute;left:50%;top:50%;height:auto;max-width:none;transform:translate(-50%,-50%);filter:grayscale(1) contrast(100);mix-blend-mode:multiply}
.landing-page .social-links .instagram-icon img {width:46.3px}
.landing-page .social-links .rednote-icon img {left:calc(50% - .7px);top:calc(50% - .7px);width:61px}
.landing-page .hero-interface {position:absolute;z-index:2;top:120px;right:10%;width:clamp(240px,17.2vw,328px);margin:0;transform:none}
.landing-page .hero-interface img {width:100%;height:auto;max-height:647px;object-fit:contain;border-radius:0;box-shadow:none}
.landing-page .arrival-scenery {position:absolute;inset:auto 0 0;z-index:0;width:100%}
.landing-page .arrival-scenery img {mask-image:linear-gradient(transparent,#000 26%)}
.landing-page .experience {padding-block:80px 76px}
.landing-page .experience>h2 {text-align:center;margin-bottom:48px}
.landing-page .journey {display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:38px;align-items:end;list-style:none;padding:0;margin:0;position:relative}
.landing-page .journey:before {content:"";position:absolute;inset:20% -3% 85px;z-index:-1;background:radial-gradient(ellipse,#e6f5fc,transparent 70%)}
.landing-page .journey-step {min-width:0}
.landing-page .journey-step .device {max-width:198px;margin:auto;padding:0;background:transparent;border-radius:0;box-shadow:none}
.landing-page .journey-step .device-screen {border-radius:0}
.landing-page .journey-step figure {display:flex;flex-direction:column}
.landing-page .journey-step:nth-child(2) figure {padding-bottom:0}
.landing-page .journey-step:nth-child(2) .landscape-screen {border-radius:0;box-shadow:none}
.landing-page .focus-preview {display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.landing-page .focus-switch {margin-top:14px;padding:7px 10px;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:15px;line-height:1.4;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.landing-page .focus-switch:hover {color:#287589}
.landing-page .focus-switch:focus-visible {outline:2px solid #287589;outline-offset:3px}
.landing-page .focus-switch[hidden] {display:none}
.landing-page .journey-step figcaption {min-height:116px;margin-top:28px;border-top:1px solid var(--line);padding-top:17px;text-align:center}
.landing-page .journey-step h3 {display:flex;align-items:baseline;justify-content:center;gap:12px}
.landing-page .step-number {font-size:12px;color:#40778a}
.landing-page .journey-step p {font-size:14px;margin:9px auto 0;max-width:320px}
.landing-page .discover {background:#f1f9fc;padding-block:70px}
.landing-page .discovery-layout {display:grid;grid-template-columns:1.35fr 1fr;gap:38px 65px;align-items:center}
.landing-page .discovery-copy {grid-column:2;grid-row:1;align-self:end}
.landing-page .discovery-copy h2 {max-width:450px}
.landing-page .discovery-copy p {margin-top:20px;max-width:450px}
.landing-page .collection-art {grid-column:1;grid-row:1/3;align-self:center}
.landing-page .collection-art img {border-radius:8px}
.landing-page .discovery-support {grid-column:2;display:grid;grid-template-columns:1.5fr .65fr;gap:25px;align-items:center}
.landing-page .map-art {max-width:112px;justify-self:end}
.landing-page .map-art .device {padding:3px;border-radius:16px}
.landing-page .map-art .device-screen {border-radius:13px}
.landing-page .discover figcaption {font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
.landing-page .invitation {text-align:center;padding:64px 0 52px;background:linear-gradient(#fff,#f2faff)}
.landing-page .invitation h2 {max-width:800px;margin:auto;font-size:clamp(25px,2.2vw,32px)}
.landing-page .invitation p {margin-top:15px;font-size:14px}
.landing-page .invitation .button {margin-top:26px}
.landing-page .contact-section {padding:52px 0;text-align:center;background:#f2faff}
.landing-page .contact-section h2 {font-size:clamp(25px,2.2vw,32px)}
.landing-page .contact-section p {margin:10px 0;font-size:14px}
.landing-page .contact-email {display:inline-block;font-family:"Fredoka",sans-serif;font-size:18px;text-decoration:underline;text-underline-offset:5px}
.landing-page .footer {padding-block:24px}
.landing-page .footer-top {margin-bottom:18px}
.landing-page .footer-top>a {font-size:14px}
.landing-page .footer nav {gap:24px;font-size:12px}
.landing-page .footer-bottom p {font-size:11px}
@media(min-width:1300px) {
 .landing-page .experience {padding-block:90px 85px}
 .landing-page .journey-step .device {max-width:220px}
 .landing-page .discover {padding-block:85px}
}
/* Desktop composition follows the marked image areas and shared caption baseline. */
@media(min-width:701px) {
 .landing-page .experience {width:min(1600px,calc(100% - 96px));--journey-height:clamp(400px,32vw,576px)}
 .landing-page .experience>h2 {margin-bottom:12px}
 .landing-page .journey {grid-template-columns:17% 45% 17%;justify-content:space-between;gap:0;align-items:start}
 .landing-page .journey-step figure {display:grid;grid-template-rows:var(--journey-height) auto}
 .landing-page .journey-step .device {width:min(100%,calc(var(--journey-height) * .469));max-width:270px;margin:0;align-self:start;justify-self:center}
 .landing-page .focus-preview {height:var(--journey-height);transform:translateY(16px)}
 .landing-page .focus-preview .landscape-screen {width:auto;max-width:100%;max-height:calc(var(--journey-height) - 55px);object-fit:contain}
 .landing-page .journey-step figcaption {margin-top:76px;padding-top:32px;min-height:90px}
 .landing-page .journey-step p {max-width:none}
}
@media(max-width:1100px) {
 .landing-page .wrap,.landing-page .content {width:calc(100% - 64px)}
 .landing-page .arrival-inner {gap:34px;padding-top:160px}
 .landing-page .hero-interface {top:120px;right:8%}
 .landing-page .journey {gap:24px;grid-template-columns:1fr 1.8fr 1fr}
 .landing-page .experience {--journey-height:410px}
 .landing-page .journey-step figcaption {margin-top:35px;padding-top:22px}
 .landing-page .discovery-layout {gap:28px 36px}
 .landing-page .discovery-support {gap:18px}
}
@media(max-width:700px) {
 .landing-page .wrap,.landing-page .content {width:calc(100% - 40px)}
 .landing-page .header {min-height:76px}
 .landing-page .header nav {gap:16px}
 .landing-page .brand {font-size:15px}
 .landing-page .arrival {height:auto;min-height:760px}
 .landing-page .arrival-inner {display:block;padding-top:120px;padding-bottom:0}
 .landing-page .arrival-copy {max-width:460px;margin:auto}
 .landing-page h1 {font-size:36px;line-height:1.5;letter-spacing:.02em}
 .landing-page:lang(en) h1 {font-size:46px}
 .landing-page h2 {font-size:27px}
 .landing-page .description {font-size:16px;margin-top:18px}
 .landing-page .support {font-size:14px;max-width:310px}
 .landing-page .arrival-copy .button {margin-top:23px}
 .landing-page .hero-interface {position:relative;top:auto;right:auto;margin:36px auto 100px;width:64%;max-width:240px}
 .landing-page .hero-interface img {height:auto;max-height:none}
 .landing-page .arrival-scenery {width:180%;left:-40%}
 .landing-page .experience {padding-block:52px}
 .landing-page .experience>h2 {text-align:left;margin-bottom:32px}
 .landing-page .journey {display:flex;flex-direction:column;align-items:stretch;gap:28px}
 .landing-page .journey-step figure {display:grid;grid-template-columns:40% 1fr;gap:24px;align-items:center}
 .landing-page .journey-step .device {max-width:145px}
 .landing-page .journey-step figcaption {margin:0;padding-top:14px;min-height:0}
 .landing-page .journey-step h3 {font-size:18px;gap:8px}
 .landing-page .journey-step p {margin-left:0;font-size:14px}
 .landing-page .journey-step:nth-child(2) figure {grid-template-columns:1fr;gap:18px}
 .landing-page .focus-preview {height:auto;transform:none}
 .landing-page .focus-preview .landscape-screen {width:100%;max-height:none}
 .landing-page .journey-step:nth-child(2) figcaption {display:grid;grid-template-columns:40% 1fr;gap:24px}
 .landing-page .journey-step:nth-child(2) p {margin:0}
 .landing-page .discover {padding-block:50px}
 .landing-page .discovery-layout {display:flex;flex-direction:column;align-items:stretch;gap:28px}
 .landing-page .discovery-copy p {margin-top:15px}
 .landing-page .collection-art {order:1}
 .landing-page .discovery-support {order:2;gap:24px;grid-template-columns:1fr 96px}
 .landing-page .map-art {width:96px}
 .landing-page .invitation {padding:46px 0 36px}
 .landing-page .invitation h2 {font-size:25px}
 .landing-page .footer-top,.landing-page .footer-bottom {gap:14px}
 .landing-page .footer-top {margin-bottom:20px}
 .landing-page .footer nav {gap:20px}
}
@media(max-width:480px) {
 .landing-page .header {align-content:center;flex-wrap:wrap;gap:2px 0;min-height:106px}
 .landing-page .header nav {width:100%;justify-content:flex-end;gap:18px}
 .landing-page .arrival-inner {padding-top:145px}
}
/* Keep copy on clear sky; let the water join the interface below it. */
.landing-page .arrival-copy h1 {text-wrap:initial}
.landing-page .arrival-scenery img {mask-image:linear-gradient(transparent,#000 55%)}
@media(min-width:701px) {
 .landing-page .arrival-copy h1 {max-width:510px}
}

.landing-page .languages [aria-current] {font-weight:var(--heading-weight)}
.landing-page .languages a[lang="en"] {font-family:"Fredoka",sans-serif}
.landing-page .languages a[lang="zh-CN"] {font-family:"LXGW WenKai TC",serif}

/* Progressive entrance effects; only JS-enhanced elements start hidden. */
.landing-page .page-reveal {
 opacity:0;
 translate:0 var(--reveal-distance,28px);
 transition:opacity .9s ease var(--reveal-delay,0ms),translate 1.1s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms);
}
.landing-page .hero-interface.page-reveal {--reveal-distance:48px}
.landing-page .header .page-reveal {--reveal-distance:10px}
.landing-page .journey-step.page-reveal {--reveal-distance:40px}
.landing-page .page-reveal.page-revealed {opacity:1;translate:0 0}
@media(max-width:700px) {
 .landing-page .journey-step.page-reveal {--reveal-distance:24px;transition-delay:80ms}
}
@media(prefers-reduced-motion:reduce) {
 .landing-page .page-reveal {opacity:1;translate:none;transition:none}
}

/* Spacious record/notes composition with captions below the artwork. */
.journal-scene {position:relative;overflow:hidden;isolation:isolate;background:#f4fbff;padding:96px 0 90px}
.journal-layout {width:min(1600px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:17% 45% 22%;justify-content:space-between;--journal-height:clamp(300px,32vw,576px)}
.journal-column {display:grid;grid-template-rows:var(--journal-height) auto;min-width:0;margin:0}
.journal-visual {position:relative;container-type:inline-size;pointer-events:none}
.journal-record {width:min(100%,calc(var(--journal-height) * .489));aspect-ratio:563/1151;align-self:start;justify-self:center}
.journal-focus {width:100%;aspect-ratio:1924/944;align-self:center}
/* Match the standard iPhone lake layer to the exported Duo screenshots. */
.journal-color-filters {position:absolute}
.journal-lake {filter:url(#journal-lake-color)}
.journal-focus-preview {width:100%;align-self:center}
.journal-duo {width:100%;height:auto;max-height:calc(var(--journal-height) - 55px);object-fit:contain}
.journal-duo[hidden] {display:none}
.journal-notes-stack {display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,2.5vw,44px)}
.journal-notes,.journal-todo {width:100%;aspect-ratio:738.234/425.743}
.journal-content {position:absolute;left:0;top:0;width:4177px;height:1514px;transform-origin:0 0}
.journal-content * {--rot:0deg;--tx:0px;--ty:0px;--sy:1;box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;line-height:normal;text-wrap:initial}
.journal-content img {display:block;max-width:none}
.journal-content p {font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit}
.journal-record .journal-content {transform:scale(var(--art-scale,calc(100cqw / 563px))) translate(-255px,-230px)}
.journal-focus .journal-content {transform:scale(var(--art-scale,calc(100cqw / 1924px))) translate(-1054px,-437px)}
.journal-notes .journal-content {transform:scale(var(--art-scale,calc(100cqw / 738.234px))) translate(-3201.34px,-348px)}
.journal-todo .journal-content {transform:scale(var(--art-scale,calc(100cqw / 738.234px))) translate(-3200.14px,-920px)}
.journal-scene:lang(en) .journal-notes .journal-content {transform:scale(var(--art-scale,calc(100cqw / 738.234px))) translate(-3202px,-348px)}
.journal-scene:lang(en) .journal-todo .journal-content {transform:scale(var(--art-scale,calc(100cqw / 738.234px))) translate(-3202px,-920px)}
.journal-caption {margin-top:76px;border-top:1px solid var(--line);padding-top:28px;text-align:center}
.landing-page .journal-caption h2,.landing-page .journal-caption h3 {font-size:19px;line-height:1.5;letter-spacing:0;text-shadow:none;text-wrap:initial}
.landing-page .journal-caption p {font-size:14px;line-height:1.8!important;letter-spacing:0;color:var(--muted);margin:0}
.landing-page:lang(zh-CN) .journal-caption p {font-size:19px;line-height:1.5!important;font-weight:var(--heading-weight);color:var(--ink)}
.landing-page:lang(en) .journal-caption p {font-size:19px;line-height:1.5!important}
.journal-scene .page-reveal {--reveal-distance:32px}
@media(min-width:701px) and (max-width:1100px) {
 .journal-scene {padding:76px 0}
 .journal-layout {width:calc(100% - 64px);grid-template-columns:21% 43% 26%}
 .journal-caption {margin-top:48px;padding-top:22px}
 .landing-page .journal-caption h2,.landing-page .journal-caption h3 {font-size:17px}
 .landing-page:lang(zh-CN) .journal-caption p {font-size:17px}
 .landing-page:lang(en) .journal-caption p {font-size:17px}
}
@media(max-width:700px) {
 .journal-scene {padding:64px 0 72px}
 .journal-layout {width:calc(100% - 40px);display:flex;flex-direction:column;gap:58px}
 .journal-column {display:flex;flex-direction:column;align-items:center}
 .journal-record {width:min(50%,210px);align-self:center}
 .journal-focus {width:100%}
 .journal-duo {max-height:none}
 .journal-notes-stack {width:90%;gap:28px}
 .journal-caption {width:90%;margin-top:28px;padding-top:20px}
 .landing-page .journal-caption h2,.landing-page .journal-caption h3 {font-size:18px}
 .landing-page:lang(zh-CN) .journal-caption p {font-size:18px}
 .landing-page:lang(en) .journal-caption p {font-size:18px}
 .journal-scene .page-reveal {--reveal-distance:24px;transition-delay:80ms}
}

/* Music and map banner: Figma frames 3931:4998 / 3931:4999. */
.worlds-scene {position:relative;aspect-ratio:4177/1514;overflow:hidden;isolation:isolate;background:#a4d1d2}
.worlds-canvas {position:absolute;width:4177px;height:1514px;transform:scale(var(--worlds-scale,calc(100vw / 4177px)));transform-origin:0 0;background:white}
.worlds-canvas * {box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;line-height:normal;text-wrap:initial}
.worlds-canvas img {display:block;max-width:none}
.worlds-canvas p,.worlds-canvas h2,.worlds-canvas h3 {font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit}
.worlds-layer,.worlds-drift {position:absolute;inset:0}
.worlds-scene .worlds-background {pointer-events:none}
.worlds-music-panel,.worlds-map-panel {pointer-events:none}
.worlds-music-copy>div,.worlds-map-copy>div {font-size:46px!important}
.worlds-scene .page-reveal {--reveal-distance:65px}
@media(max-width:700px) {
 .worlds-scene {aspect-ratio:auto}
 .worlds-canvas {position:relative;width:100%;height:auto;transform:none;display:flex;flex-direction:column;align-items:center;gap:26px;padding:38px 0 40px}
 .worlds-layer {position:relative;inset:auto;width:84%}
 .worlds-scene .worlds-background {position:absolute;inset:0;width:100%;overflow:hidden}
 .worlds-background>div {width:100%!important;height:100%!important}
 .worlds-background img {object-position:48% center}
 .worlds-music-title {order:1}
 .worlds-music-panel {order:2;aspect-ratio:1045/1048}
 .worlds-music-copy {order:3}
 .worlds-map-title {order:4;margin-top:14px}
 .worlds-map-panel {order:5;aspect-ratio:1045/1394}
 .worlds-map-copy {order:6}
 .worlds-music-title>h2,.worlds-map-title>h3,.worlds-map-title>div,.worlds-music-copy>div,.worlds-map-copy>div {position:relative!important;left:0!important;top:0!important;transform:none!important;width:100%!important;height:auto!important;letter-spacing:1px!important;text-align:center!important;line-height:1.5!important}
 .worlds-music-title>h2,.worlds-map-title>h3 {font-size:28px!important;letter-spacing:3px!important}
 .worlds-music-copy>div,.worlds-map-copy>div {font-size:17px!important}
 .worlds-music-panel .worlds-drift,.worlds-map-panel .worlds-drift {width:4177px;height:1514px;transform-origin:0 0}
 .worlds-music-panel .worlds-drift {transform:scale(var(--worlds-panel-scale,calc(84vw / 1045px))) translate(-211px,-304px)}
 .worlds-scene:lang(en) .worlds-music-panel .worlds-drift {transform:scale(var(--worlds-panel-scale,calc(84vw / 1045px))) translate(-192px,-304px)}
 .worlds-map-panel .worlds-drift {transform:scale(var(--worlds-panel-scale,calc(84vw / 1045px))) translate(-2831px,-60px)}
 .worlds-scene .page-reveal {--reveal-distance:24px;transition-delay:80ms}
}

/* Layered Figma scene, 3927:4996 (Chinese) and 3927:4997 (English).
   The fixed artboard preserves the illustrated composition on wide screens. */
.landing-page .rewards-scene {position:relative;padding:0;aspect-ratio:4177/1514;overflow:hidden;background:#66aab8;isolation:isolate}
.rewards-canvas {position:absolute;width:4177px;height:1514px;transform:scale(var(--scene-scale,calc(100vw / 4177px)));transform-origin:0 0;background:white;color:#134952}
.rewards-canvas * {box-sizing:border-box;margin:0;padding:0;border-width:0;border-style:solid;line-height:normal;text-wrap:initial}
.rewards-canvas img {display:block;max-width:none}
.rewards-canvas p,.rewards-canvas h2 {font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}
.rewards-canvas p {color:inherit}
.reward-layer,.reward-drift {position:absolute;inset:0;pointer-events:none}
.reward-background {position:absolute;inset:0}
.reward-pond-copy .reward-drift>div {font-size:40px!important}
@media(min-width:701px) {
 .rewards-scene:lang(en) .reward-intro .reward-drift>div {width:900px!important}
 .rewards-scene:lang(en) .reward-treasure-copy .reward-drift>div {width:1000px!important}
 .worlds-scene:lang(en) .worlds-music-copy>div {width:900px!important}
}
.rewards-scene.motion-ready .reward-layer {opacity:0;transform:translateY(65px);transition:opacity 1.15s ease var(--delay),transform 1.3s cubic-bezier(.18,.85,.28,1.12) var(--delay)}
.rewards-scene.motion-ready .reward-layer.is-revealed {opacity:1;transform:translateY(0)}
.reward-puffer .reward-drift,.reward-hat .reward-drift,.reward-jar .reward-drift,.reward-note .reward-drift,.reward-decoration .reward-drift {animation:reward-float var(--period,7s) ease-in-out infinite alternate;animation-delay:calc(var(--delay) + 1.3s);animation-play-state:paused}
.rewards-scene.is-active .is-revealed .reward-drift {animation-play-state:running}
@keyframes reward-float {from {translate:0 0} to {translate:var(--float-x,6px) var(--float-y,-18px)}}
@media(max-width:700px) {
 .landing-page .rewards-scene {aspect-ratio:auto;height:1320px}
 .rewards-canvas {width:100%;height:100%;transform:none;--float-x:3px;--float-y:-6px}
 .reward-background {overflow:hidden}
 .reward-background>div {width:100%!important;height:100%!important}
 .reward-background img {object-fit:cover}
 .reward-layer {inset:auto}
 .reward-title {left:5%;top:30px;width:90%;height:45px}
 .reward-intro {left:7%;top:95px;width:90%;height:65px}
 .reward-pond-copy {left:7%;top:637px;width:86%;height:70px}
 .reward-treasure-copy {left:7%;top:1190px;width:86%;height:80px}
 .reward-title .reward-drift>h2,.reward-intro .reward-drift>div,.reward-pond-copy .reward-drift>div,.reward-treasure-copy .reward-drift>div {position:relative!important;left:0!important;top:0!important;width:100%!important;height:auto!important;transform:none!important;font-size:18px!important;letter-spacing:1.3px!important;line-height:1.5!important}
 .reward-title .reward-drift>h2 {font-size:28px!important;text-align:center!important;letter-spacing:3px!important}
 .reward-pond-copy .reward-drift>div {text-align:center!important}
 .reward-treasure-copy .reward-drift>div {text-align:center!important}
 .reward-puffer {left:5%;top:201px;width:43%;height:215px}
 .reward-hat {left:51%;top:169px;width:45%;height:230px}
 .reward-jar {left:6%;top:416px;width:44%;height:215px}
 .reward-note {left:49%;top:455px;width:47%;height:130px}
 .reward-puffer .reward-drift>div,.reward-hat .reward-drift>div,.reward-jar .reward-drift>div,.reward-note .reward-drift>div {left:0!important;top:0!important;transform:scale(var(--card-scale,.3));transform-origin:0 0}
 .reward-note .reward-drift>div {transform:scale(var(--note-scale,.23))}
 .reward-phone {left:50%;top:720px;width:270px;height:455px;margin-left:-135px}
 .reward-phone .reward-drift {width:4177px;height:1514px;transform:scale(.4) translate(-3150px,-335px);transform-origin:0 0}
 .reward-decoration {left:var(--deco-left,0);top:var(--deco-top,0);width:45px;height:70px}
 .reward-decoration .reward-drift {width:4177px;height:1514px;transform:scale(.24) translate(var(--deco-offset-x,0px),var(--deco-offset-y,0px));transform-origin:0 0}
 .rewards-scene.motion-ready .reward-layer {transition-delay:calc(var(--delay) * .35)}
}
@media(prefers-reduced-motion:reduce) {
 .rewards-scene.motion-ready .reward-layer {opacity:1;transform:none;transition:none}
 .reward-drift {animation:none!important}
}