/* One persistent stage: the visitor's native scroll advances every pose. */
.story-only{display:none}.header-motion{border:1px solid #bdcbd8;border-radius:100px;padding:10px 14px;background:transparent;font-size:12px;min-height:42px;white-space:nowrap}.header-motion:hover{background:#e0eaf3}.header-motion:disabled{cursor:default;opacity:.7}.header{gap:20px}.desktop-nav{margin-right:0}
.scroll-enabled .header{position:fixed;height:88px;background:#f1f5f9f5;border-bottom:1px solid #cad7e445;transition:box-shadow .3s;z-index:30}.scroll-enabled .scroll-story{height:370svh;position:relative}.scroll-enabled .hero{position:sticky;top:0;height:100svh;min-height:640px;padding:130px 5% 85px;overflow:hidden;isolation:isolate;contain:paint}.scroll-enabled .hero-content{width:54%;max-width:720px;transform-origin:left center;will-change:transform,opacity}.scroll-enabled .hero h1{font-size:clamp(75px,8vw,123px);line-height:.94;margin-bottom:22px}.scroll-enabled .hero-description{font-size:17px;margin-top:20px;margin-bottom:24px;max-width:410px}.scroll-enabled .hero .eyebrow{margin-bottom:20px}.scroll-enabled .hero-actions{column-gap:23px;row-gap:10px}.scroll-enabled .hero-actions .button{font-size:14px;padding:14px 21px}.scroll-enabled .hero-actions .text-link{font-size:13px}.scroll-enabled .hero-visual,.scroll-enabled .hero-bottom{display:none}.scroll-enabled .story-only{display:block}
.story-cube{position:absolute;width:min(47vw,65svh);aspect-ratio:1;left:73%;top:53%;z-index:4;transform:translate(-50%,-50%) rotate(-5deg);will-change:transform,opacity;pointer-events:none}.cube-body,.cube-lid{position:absolute;inset:0}.cube-body img,.cube-lid img{width:100%;height:100%;object-fit:contain;max-width:none}.cube-lid{clip-path:polygon(50% 8%,81.5% 23%,81.5% 26%,50% 39.1%,18.5% 26%,18.5% 23%);transform-origin:50% 25%;z-index:3;will-change:transform}.cube-body{clip-path:polygon(0 26%,18.5% 26%,50% 40%,81.5% 26%,100% 26%,100% 100%,0 100%);z-index:2;filter:drop-shadow(0 20px 20px #153c641c)}.cube-glow{position:absolute;left:20%;right:20%;top:7%;bottom:20%;border-radius:50%;background:radial-gradient(ellipse,#ffd780bd,transparent 69%);opacity:0;z-index:0}
.story-portal{position:absolute;inset:0;background:#081d35;clip-path:circle(0% at 50% 55%);z-index:1;pointer-events:none;will-change:clip-path}.story-world{position:absolute;inset:0;z-index:2;opacity:0;overflow:hidden;pointer-events:none}.story-world img{width:100%;height:100%;object-fit:cover;transform:scale(1.23);will-change:transform}.story-world:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101a3b33 20%,#16114266 53%,#081d35 100%)}
.story-open-copy{position:absolute;left:5%;top:29%;z-index:6;opacity:0;pointer-events:none}.story-open-copy>.eyebrow{max-width:390px;line-height:1.7;color:#627488;font-size:12px;letter-spacing:1.4px}.story-open-copy h2{font-size:clamp(64px,7.5vw,118px);line-height:.99;letter-spacing:-.065em;margin:22px 0}.story-open-copy em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.story-open-copy>p:last-child{font-size:20px;line-height:1.55;margin:0;color:#526b81}
.story-pieces{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}.story-piece{position:absolute;left:0;top:0;width:clamp(34px,5.5vw,86px);aspect-ratio:1;border-radius:18%;opacity:0;background-image:url('/assets/block-skins.webp');background-repeat:no-repeat;background-size:619.10828025% 1093.91891892%;background-position:var(--sprite-x) .06798097%;transform-origin:center;will-change:transform,opacity;box-shadow:0 8px 14px #12294218}.story-piece:nth-child(3n){width:clamp(25px,4vw,62px)}
.story-game{position:absolute;inset:17% 10% auto;z-index:7;text-align:center;color:white;opacity:0;transform:translateY(80px);pointer-events:none}.story-game>img{width:min(470px,43vw,54svh);height:auto;object-fit:contain;margin:13px auto -4px}.story-game .eyebrow{justify-content:center;font-size:12px;letter-spacing:2px}.story-game>p:not(.eyebrow){font-size:21px;letter-spacing:-.4px;margin:0 0 21px}.story-game:not([inert]){pointer-events:auto}.story-game .button{min-width:225px;justify-content:space-between}
.story-controls{position:absolute;bottom:27px;left:5%;right:5%;z-index:10;color:var(--navy);transition:color .3s}.story-progress{height:2px;background:currentColor;opacity:.8;position:relative;margin-bottom:17px}.story-progress:before{content:'';position:absolute;inset:0;background:var(--paper);opacity:.75}.story-progress>span{display:block;position:relative;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;will-change:transform}.story-chapters{display:flex;gap:34px;padding-right:180px}.story-chapters span{font-size:12px;letter-spacing:1px;opacity:.4;transition:opacity .2s}.story-chapters .active{opacity:1}.story-skip{position:absolute;bottom:-5px;right:0;display:flex;gap:22px;align-items:center;padding:8px 0;font-size:13px}.story-skip span{font-size:19px}.story-night .story-controls{color:#f7faff}.story-night .story-progress:before{background:#081d35}.scroll-enabled .discovery{border-radius:0;margin-top:-1px;position:relative;z-index:6}
/* The featured frame expands, its landscape moves, and the preview rises. */
.scroll-enabled .game-showcase{transform-origin:center;will-change:transform;transition:none}.scroll-enabled .game-world img{height:120%;position:absolute;top:-10%;will-change:transform}.scroll-enabled .preview-wrap{transition:none;will-change:transform}.scroll-enabled .preview-wrap:hover{transform:none}.scroll-enabled .purpose-word{color:rgba(10,41,73,var(--word-alpha,1));transition:color .1s;display:inline}.scroll-enabled .statement>span{will-change:transform,opacity}.scroll-enabled .next-mark{animation:none;will-change:transform}.scroll-enabled .reveal{transition-duration:.65s}
@media(max-width:1050px){.scroll-enabled .hero{padding-top:126px}.scroll-enabled .hero h1{font-size:clamp(73px,8.3vw,90px)}.scroll-enabled .hero-content{width:57%}.scroll-enabled .hero-description{max-width:350px}.scroll-enabled .hero-actions .text-link{display:none}.story-open-copy h2{font-size:clamp(65px,8vw,88px)}.story-cube{width:min(48vw,62svh)}.story-game>img{width:min(440px,52vw,52svh)}.header-motion{padding:9px 11px}.desktop-nav{gap:20px}.header{gap:16px}.story-chapters{gap:20px}}
@media(max-width:760px){.header-motion{margin-left:auto;font-size:12px;padding:9px 11px;min-height:40px}.header .nav-play{display:none}.menu-toggle{margin-left:0}.scroll-enabled .header{height:78px;padding:0 6%;gap:12px}.scroll-enabled .scroll-story{height:310svh}.scroll-enabled .hero{height:100svh;min-height:640px;padding:110px 6% 80px;display:block}.scroll-enabled .hero-content{width:100%;max-width:100%;pointer-events:auto}.scroll-enabled .hero h1{font-size:clamp(49px,12vw,72px);line-height:.97;letter-spacing:-.065em;margin:0 0 16px}.scroll-enabled .hero h1 span{display:inline}.scroll-enabled .hero h1 span:first-child{display:block}.scroll-enabled .hero .eyebrow{font-size:12px;letter-spacing:1.4px;margin-bottom:15px}.scroll-enabled .hero-description{font-size:16px;line-height:1.5;max-width:345px;margin:0 0 20px}.scroll-enabled .hero-actions{gap:0}.scroll-enabled .hero-actions .text-link{display:none}.scroll-enabled .hero-actions .button{min-height:48px;padding:11px 20px;font-size:14px}.story-cube{width:min(76vw,42svh);top:65%;left:50%}.story-open-copy{top:16%;left:6%;right:6%;text-align:center}.story-open-copy>.eyebrow{font-size:12px;letter-spacing:1px;max-width:310px;margin:0 auto!important}.story-open-copy h2{font-size:clamp(52px,12vw,80px);line-height:.96;margin:17px 0 14px}.story-open-copy>p:last-child{font-size:16px;line-height:1.4}.story-open-copy>p:last-child br{display:none}.story-piece{width:clamp(32px,10vw,62px)}.story-piece:nth-child(3n){width:clamp(24px,8vw,45px)}.story-game{inset:24% 6% auto}.story-game>img{width:min(360px,85vw,48svh);margin:12px auto 15px}.story-game>p:not(.eyebrow){font-size:17px;margin-bottom:23px}.story-game .eyebrow{font-size:12px!important;letter-spacing:1.3px!important;max-width:300px;margin-left:auto;margin-right:auto}.story-game .button{font-size:14px;min-width:210px}.story-controls{left:6%;right:6%;bottom:22px}.story-chapters{padding-right:0;gap:0;justify-content:space-between}.story-chapters span{font-size:12px;letter-spacing:.5px;max-width:90px;line-height:1.4}.story-skip{position:static;justify-content:center;gap:12px;margin-top:10px;font-size:12px;padding:6px 0}.story-progress{margin-bottom:12px}.scroll-enabled .game-showcase{transform:none!important}.scroll-enabled .preview-wrap{transition:none}.scroll-enabled .statement>span:nth-child(3){padding-left:7%}}
@media(max-width:380px){.header .brand span{font-size:21px}.header .brand img{width:26px}.header{gap:9px}.header-motion{padding:8px 10px}.scroll-enabled .hero h1{font-size:46px}.scroll-enabled .hero{padding-top:100px}.scroll-enabled .hero-description{font-size:15px}.story-chapters span{font-size:12px;max-width:80px}.story-open-copy h2{font-size:52px}.story-game{top:23%}}
@media(prefers-reduced-motion:reduce){.story-only{display:none!important}.scroll-story{height:auto!important}.scroll-story .hero{position:relative!important;height:auto!important}.purpose-word{color:inherit!important}}

.scroll-enabled .story-cube{left:0;top:0}
@media(min-width:761px) and (max-width:1050px){.header .desktop-nav{display:none}.header-motion{margin-left:auto}}

/* Keep mobile text and its CTA above decorative layers as an extra safeguard. */
@media(max-width:760px){.scroll-enabled .hero-content{z-index:8}}