.showcase-page{background:#090d0c;padding-bottom:100px;--mint:#8ee5b3;--green-muted:#a1b3aa}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.showcase-page main{overflow:hidden}.showcase-page .eyebrow{color:var(--mint);letter-spacing:2.5px;font-size:10px}.showcase-page h2{font-family:var(--display);font-size:clamp(52px,6.6vw,96px);line-height:.96;letter-spacing:-.8px;margin:22px 0 30px;font-weight:500}.showcase-page h2 em{color:var(--mint);font-style:normal}.showcase-page h3{font-family:var(--display);font-weight:500}.showcase-hero{position:relative;min-height:850px;min-height:calc(100svh - 100px);display:grid;place-items:center;padding:64px 7% 104px;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#123426,#08120e 48%,#090d0c 77%)}.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#090d0c,#09120ee6 20%,#05100ac9);opacity:.75;transform:translateY(var(--scene-offset,0px)) scale(1.05)}.showcase-hero-inner{text-align:center;max-width:880px;width:100%;position:relative}.showcase-hero .eyebrow{font-size:9px;color:#b7d6c3;display:flex;justify-content:center;gap:20px;align-items:center}.showcase-hero .eyebrow span{border:1px solid #688374;padding:5px 7px;letter-spacing:0}.hero-logo{width:min(100%,670px);margin:22px auto 0;animation:logo-breathe 6s ease-in-out infinite}.hero-logo img{display:block;width:100%;height:auto}.hero-tagline{font-family:var(--display);font-size:clamp(29px,3vw,42px);margin:14px 0;letter-spacing:.2px}.hero-tagline em{font-style:normal;color:var(--mint)}.showcase-intro{font-size:14px;line-height:1.8;color:#b3c2b9}.showcase-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:28px}.showcase-page .button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;background:#91e5ad;border:1px solid #b0f5c7;padding:17px 26px;color:#082014;font-size:13px;font-weight:600}.showcase-page .button:hover{background:#b6f7ca}.film-button{border:0;background:none;color:#d9e8df;display:flex;gap:12px;align-items:center;padding:14px 0;font-size:12px}.play-symbol{display:grid;place-items:center;border:1px solid #547460;border-radius:50%;width:36px;height:36px;font-size:10px}.film-button small{color:#94a69a;font-size:10px}.free-note{font-size:10px;color:#a1b3aa;line-height:1.8;margin-top:19px}.explore-cue{position:absolute;bottom:27px;display:flex;gap:22px;align-items:center;font-size:8px;letter-spacing:2px;color:#afc7b9}.explore-cue span{font-size:23px;animation:cue-drift 2.4s ease-in-out infinite}.hero-side-note{position:absolute;left:26px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#648273}.orbit{position:absolute;border:1px solid #6bc09116;border-radius:50%;width:730px;height:730px;z-index:-1;pointer-events:none}.orbit:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#9beaaf;top:15%;left:14%;box-shadow:0 0 17px #68dda2}.orbit-one{animation:orbit-turn 50s linear infinite}.orbit-two{width:890px;height:890px;animation:orbit-turn 65s linear infinite reverse;opacity:.45}.showcase-strip{display:flex;align-items:center;justify-content:center;gap:45px;border-top:1px solid #314036;border-bottom:1px solid #314036;background:#102019;padding:22px 20px;font-size:9px;letter-spacing:2px;color:#b8c9bf}.showcase-strip span:nth-child(2n){color:#78bc90;font-size:17px}.showcase-section{max-width:1400px;margin:0 auto;padding:100px 7%}.story-section{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.story-copy>p:not(.eyebrow),.showcase-section-top>p,.play-section>div>p:not(.eyebrow){font-size:14px;color:var(--green-muted);line-height:1.95;max-width:470px}.story-copy .text-link{color:#b2e9c7;border-color:#37624b;margin-top:20px}.story-art{margin:0;position:relative;aspect-ratio:4/5;border:1px solid #42644f;overflow:hidden;background:#10221c}.story-art img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--scene-offset,0px)) scale(1.13)}.story-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04100dd9,transparent 65%);pointer-events:none}.story-art figcaption{position:absolute;top:23px;left:22px;right:22px;z-index:1;display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1.5px;color:#aec1b3}.art-inscription{position:absolute;bottom:37px;left:30px;z-index:1;font-family:var(--display);font-size:48px;line-height:1.05;color:#d4e7d8}.showcase-section-top{display:flex;justify-content:space-between;align-items:end;gap:60px}.showcase-section-top h2{margin-bottom:0}.showcase-section-top>p{max-width:300px;margin-bottom:0;font-size:13px}.experience-section{padding-top:25px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#334b3e;border:1px solid #334b3e;margin-top:50px}.experience-grid article{padding:38px 30px;background:#101a15;position:relative;transition:background .3s}.experience-grid article:hover{background:#182b20}.feature-symbol{font-size:46px;display:block;color:var(--mint);margin-bottom:36px}.feature-number{position:absolute;right:27px;top:28px;color:#4c6956;font-family:var(--display);font-size:23px}.experience-grid h3{font-size:30px;margin:0 0 16px}.experience-grid p{font-size:12px;line-height:1.9;color:var(--green-muted);margin:0}.world-section{background:#0d1712;padding-bottom:75px;border-block:1px solid #243c2d}.world-section .showcase-section-top{padding-bottom:45px;padding-top:80px}.world-gallery{max-width:1204px;margin:auto;padding:0 40px}.world-slide{margin:0;aspect-ratio:16/8;position:relative;overflow:hidden;background:#14251c}.world-slide img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:opacity .25s}.world-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#030c08ed)}.world-slide figcaption{position:absolute;bottom:30px;left:35px;right:35px;z-index:1;display:flex;justify-content:space-between;align-items:end}.world-slide small{font-size:8px;letter-spacing:2px;display:block;color:#b3d5bf;margin-bottom:10px}.world-slide strong{font-family:var(--display);font-size:48px;font-weight:500}.placeholder-badge{font-size:8px;letter-spacing:1.2px;padding:8px 10px;border:1px solid #729381;color:#cfdfd4}.gallery-controls{display:grid;grid-template-columns:repeat(3,1fr)}.gallery-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-bottom:2px solid #395442;background:#132219;color:#a6bbad;padding:22px;font-size:12px;text-align:left}.gallery-choice span:first-child{color:#689375;font-size:9px}.gallery-choice[aria-pressed=true]{background:#1d3627;border-color:#a1efb8;color:#e0f4e5}.gallery-choice:hover{background:#24402d}.logo-interlude{position:relative;background:#040907;overflow:hidden}.glow-video{width:100%;display:block;max-height:720px;object-fit:contain}.interlude-caption{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;color:#a6c6b3;font-size:8px;letter-spacing:2px}.motion-toggle{background:#0c2118c9;border:1px solid #4c705a;color:#c7e1cf;padding:10px 14px;font-size:10px;letter-spacing:0;display:flex;gap:14px}.play-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:radial-gradient(ellipse at 0 50%,#1a312044,transparent 65%)}.play-section .button{margin-top:22px}.support-link{display:block;margin-top:22px;font-size:11px;color:#bbcabf;line-height:1.8}.play-tips{list-style:none;padding:0;margin:0}.play-tips li{display:flex;gap:28px;padding:30px 0;border-bottom:1px solid #35493c}.play-tips li>span{font-family:var(--display);color:#77ab85;font-size:28px}.play-tips h3{font-size:31px;margin:0 0 12px}.play-tips p{font-size:12px;color:var(--green-muted);line-height:1.9;margin:0}.showcase-faq{padding-top:15px;padding-bottom:10px}.showcase-faq h2{font-size:clamp(37px,5vw,62px)}.showcase-faq details{border-bottom:1px solid #35493c;padding:24px 0}.showcase-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:14px}.showcase-faq summary:after{content:"+";font-size:20px;color:var(--mint)}.showcase-faq details[open] summary:after{content:"−"}.showcase-faq details p{color:var(--green-muted);font-size:13px;line-height:1.9;max-width:680px}.showcase-faq a{text-decoration:underline;color:var(--mint)}.download-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 6% calc(16px + env(safe-area-inset-bottom));background:#0b1b13f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #426e50;box-shadow:0 -12px 45px #0004}.dock-identity{display:flex;align-items:center;gap:16px}.dock-identity strong{font-family:var(--display);font-weight:500;font-size:25px}.dock-identity small{display:block;font-size:9px;color:#b4cbbd;margin-top:5px}.dock-action{display:flex;align-items:center;gap:28px}.dock-action>span{font-size:8px;letter-spacing:1.5px;color:#b4cbbd}.download-dock .button{min-width:185px}.intro-film{width:min(1100px,94vw);max-width:none;padding:0;border:1px solid #55775f;background:#040907;color:#e0f3e6;max-height:90dvh}.intro-film::backdrop{background:#000d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 22px}.film-heading h2{font-size:12px;font-family:Inter,Arial,sans-serif;letter-spacing:1px;margin:0}.film-close{background:none;border:0;color:#deebdf;font-size:28px;padding:6px 12px}.intro-film video{display:block;width:100%;max-height:75dvh}.showcase-page footer{background:#09130e}.showcase-page .newsletter-card{background:#11271a}.showcase-page .newsletter-card .eyebrow{color:var(--mint)}@keyframes logo-breathe{0%,to{filter:brightness(1) drop-shadow(0 0 8px #56cb8710)}50%{filter:brightness(1.12) drop-shadow(0 0 20px #56cb8733)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes cue-drift{50%{transform:translateY(6px)}}@media(min-width:1600px){.hero-logo{width:760px}.showcase-hero{padding-top:75px}}@media(max-width:900px){.showcase-hero{min-height:calc(100svh - 80px);padding:55px 6% 90px}.hero-logo{max-width:590px}.hero-side-note{display:none}.showcase-section{padding:65px 6%}.story-section{gap:6%}.story-art{aspect-ratio:3/5}.art-inscription{font-size:35px;left:20px}.story-art figcaption{flex-direction:column}.showcase-strip{gap:20px;font-size:7px;letter-spacing:1px}.showcase-section-top{gap:30px}.experience-grid article{padding:27px 21px}.experience-grid h3{font-size:26px}.world-gallery{padding:0 6%}.dock-action>span{display:none}.showcase-faq{padding-top:15px;padding-bottom:0}.play-section{gap:6%}.interlude-caption{bottom:18px}}@media(max-width:600px){.showcase-page{padding-bottom:91px}.showcase-hero{min-height:740px;padding-top:40px}.hero-logo{width:calc(100% + 20px);margin-left:-10px;margin-top:30px}.hero-tagline{font-size:31px;max-width:270px;margin:20px auto 14px}.showcase-intro{font-size:12px}.showcase-actions{flex-direction:column;gap:10px;margin-top:23px}.showcase-actions>.button{min-width:220px}.free-note{font-size:8px}.showcase-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:16px;padding:23px}.showcase-strip span:nth-child(2n){display:none}.story-section,.play-section{grid-template-columns:1fr;gap:35px}.story-art{aspect-ratio:4/4.5}.art-inscription{font-size:45px}.story-art figcaption{flex-direction:row}.showcase-section-top{display:block}.showcase-section-top>p{margin-top:25px}.experience-grid{grid-template-columns:1fr;margin-top:30px}.experience-grid article{padding:30px}.feature-symbol{margin-bottom:22px}.experience-grid h3{font-size:32px}.experience-grid p{max-width:300px}.world-section .showcase-section-top{padding-top:55px}.world-slide{aspect-ratio:4/4.5}.world-slide figcaption{left:20px;right:20px;bottom:20px}.world-slide strong{font-size:40px}.placeholder-badge{font-size:6px;padding:6px}.gallery-choice{padding:16px 10px;gap:10px;font-size:10px;flex-wrap:wrap}.gallery-choice>span:last-child{display:none}.gallery-choice>span:first-child{width:100%}.world-section{padding-bottom:45px}.logo-interlude{padding:12px 0 55px}.interlude-caption{left:6%;right:6%;font-size:6px;letter-spacing:1px}.motion-toggle{font-size:9px;padding:8px}.play-tips li{padding:24px 0}.dock-identity{gap:8px;max-width:48%}.dock-identity .glow-dot{display:none}.dock-identity strong{font-size:20px;line-height:1.1;display:block}.dock-identity small{font-size:7px;line-height:1.4}.download-dock{padding:12px 5% calc(12px + env(safe-area-inset-bottom));gap:12px}.download-dock .button{min-width:145px;padding:14px 17px;gap:20px;font-size:12px}.film-heading{padding:8px 12px}.film-heading h2{font-size:9px;line-height:1.6}.showcase-faq summary{font-size:13px}.showcase-page h2{font-size:57px}.showcase-faq h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.hero-atmosphere,.story-art img{transform:none!important}.showcase-page *{transition:none!important}.orbit{display:none}}html[data-showcase-paused] .hero-logo,html[data-showcase-paused] .orbit,html[data-showcase-paused] .explore-cue span{animation-play-state:paused}.showcase-page{--red:#8ee5b3;--paper:#edf5ef;--muted:#afc4b6;--bg:#09130e;--green-muted:#b0c6b8;padding-bottom:calc(var(--dock-height,100px) + 20px)}.showcase-page header{background:#0a1912f5;border-color:#355741}.showcase-page header.is-scrolled{border-color:#527f5f}.showcase-page header:after{background:linear-gradient(90deg,#265c3b,#8ee5b3,#d0f6d9)}.showcase-page .social-nav{color:#d0e1d5}.showcase-page .game-nav{background:#1b3e29;border-color:#71b68b;box-shadow:0 0 18px #78dd9b20;animation:none;color:#def4e4}.showcase-page .game-nav:hover{background:#2c573b;color:#fff}.showcase-page .glow-dot{background:#a0efb7;box-shadow:0 0 10px #8ce2ac}.showcase-page #navigation a:hover,.showcase-page #navigation a[aria-current=page]{color:#baf4cc}.showcase-page .menu-toggle{border-color:#5b8669;min-height:44px}.showcase-page .page-shutter{background:linear-gradient(100deg,#102a1b,#397952)}.showcase-page .newsletter-card,.showcase-page .newsletter-symbol{border-color:#45684f}.showcase-page .newsletter-card:hover{border-color:#87b997}.showcase-page .newsletter-card:after{background:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,50%),#87e7a61a,transparent 65%)}.showcase-page #details{background:#10241a;border-color:#5d8568}.showcase-page #details p:not(.eyebrow){color:#c3d5c9}.showcase-page :is(a,button,summary):focus-visible{outline:2px solid #bcffce;outline-offset:5px}.showcase-page summary{min-height:44px;align-items:center}.showcase-page footer{border-top:1px solid #2f4938}.showcase-page footer>span,.showcase-page footer>a:last-child{font-size:11px;line-height:1.7;letter-spacing:.5px}.showcase-page .skip{color:#092014}.showcase-page .free-note{font-size:12px}.showcase-page .support-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding-block:9px}.showcase-page .film-button{min-height:48px;font-size:13px}.showcase-page .motion-toggle{min-height:44px;font-size:12px;align-items:center}.showcase-page .motion-toggle:disabled{opacity:.8;cursor:default}.showcase-page .film-heading h2{font:600 12px/1.6 Inter,Arial,sans-serif;letter-spacing:1px;margin:0}.showcase-page .film-close{min-width:44px;min-height:44px}.showcase-page:has(.intro-film[open]){overflow:hidden}.showcase-page .dock-identity small{font-size:11px}.showcase-page .dock-action>span{font-size:10px;letter-spacing:1px}.showcase-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 7%;border-top:1px solid #33523c;background:#0d2116}.showcase-shortcuts>div{display:flex;gap:10px;flex-wrap:wrap}.showcase-shortcuts a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid transparent;color:#c0d8c8;font-size:13px;border-radius:3px}.showcase-shortcuts a:hover{background:#22432d;border-color:#476d52;color:#e7ffef}.showcase-page :is(#the-story,#the-world,#play-free,#game-faq){scroll-margin-top:25px}.showcase-page .gallery-choice{min-height:58px;font-size:13px}.showcase-page .gallery-choice[aria-pressed=true]{box-shadow:inset 0 3px #a1efb8}.showcase-page .gallery-choice span:first-child{color:#a5c5af;font-size:11px}.showcase-page .placeholder-badge{font-size:10px;letter-spacing:.6px;background:#071a10aa}@media(max-width:1200px){.showcase-page #navigation{background:#0e2217;border-color:#45654e;max-height:calc(100dvh - 80px - var(--dock-height,100px))}.showcase-page #navigation a{min-height:44px;display:flex;align-items:center}}@media(max-width:600px){.showcase-shortcuts{padding:12px 6%;flex-wrap:wrap;gap:8px}.showcase-shortcuts>div{width:100%;gap:2px;justify-content:space-between}.showcase-shortcuts a{font-size:12px;padding:10px 8px}.showcase-shortcuts .motion-toggle{width:100%;justify-content:center}.showcase-page .showcase-hero{min-height:0;padding-bottom:90px}.showcase-page .hero-logo{margin-top:20px}.showcase-page .showcase-intro{font-size:14px}.showcase-page .free-note{font-size:11px;max-width:290px;margin-inline:auto}.showcase-page .dock-identity{max-width:43%}.showcase-page .dock-identity strong{font-size:19px}.showcase-page .dock-identity small{font-size:9px}.showcase-page .download-dock .button{min-width:156px;gap:12px}.showcase-page .gallery-choice{font-size:12px;line-height:1.5}.showcase-page .world-slide figcaption{align-items:start;flex-direction:column;gap:12px}.showcase-page .world-slide strong{font-size:35px}.showcase-page .interlude-caption{position:static;padding:0 6%;gap:14px;margin-top:8px;flex-wrap:wrap;font-size:9px}.showcase-page .logo-interlude{padding-bottom:20px}.showcase-page .film-heading h2{font-size:10px}.showcase-page .play-tips p,.showcase-page .experience-grid p{font-size:14px}}.showcase-hero .eyebrow>span{width:auto;height:auto;flex-shrink:0;background:#173924;color:#c9f4d8;font-size:11px;line-height:1.2;padding:6px 8px}.asset-section{padding-block:75px}.asset-hint{color:var(--green-muted);line-height:1.7}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.asset-card{padding:0;border:1px solid #395d45;background:#102519;color:#e5f3e9;text-align:left;overflow:hidden}.asset-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}.asset-card:hover img{transform:scale(1.035)}.asset-card>span{display:flex;gap:12px;align-items:center;padding:18px;font-size:13px;line-height:1.5}.asset-card small{color:#a0d1b0}.asset-card b{margin-left:auto;color:#92e2ad}.showcase-page #art-viewer{width:min(1200px,94vw);max-width:none;padding:0;background:#08170f;border:1px solid #64896d;color:#e5f3e9;max-height:90dvh}.art-viewer-top{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;gap:15px}.art-viewer-top p{margin:0;font-size:14px}.art-viewer-top button,.art-viewer-controls button{min-width:44px;min-height:44px;background:transparent;color:#dcf5e3;border:1px solid #476d52;padding:9px 15px}.art-viewer-top button{font-size:24px}.showcase-page #art-viewer>img{display:block;width:100%;height:min(66dvh,720px);object-fit:contain;background:#030a06}.art-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px}.art-viewer-controls span{font-size:12px;color:#bed9c7}.showcase-page:has(#art-viewer[open]){overflow:hidden}@media(max-width:900px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}@media(max-width:550px){.asset-grid{grid-template-columns:1fr}.asset-card>span{font-size:14px}.art-viewer-controls{padding:10px}.art-viewer-controls button{font-size:12px}.showcase-page #art-viewer>img{height:auto;max-height:65dvh}}.showcase-page .story-section{grid-template-columns:1fr;gap:0}.showcase-page .story-copy{max-width:850px}.showcase-page .story-copy>p:not(.eyebrow){max-width:650px}.gallery-empty{padding:35px 0;color:var(--green-muted);font-size:14px;line-height:1.7}.asset-poster{position:relative}.asset-video-badge{position:absolute;left:15px;bottom:15px;padding:8px 11px;border:1px solid #82bc95;background:#071b10e6;color:#d4ffe1;border-radius:4px;font-size:11px;pointer-events:none}.showcase-page #art-viewer>video{display:block;width:100%;height:min(66dvh,720px);object-fit:contain;background:#030a06}.showcase-page #art-viewer>:is(img,video)[hidden]{display:none}@media(max-width:550px){.showcase-page #art-viewer>video{height:auto;max-height:65dvh}}