.story-page{--ink:#080710;--violet:#9c62ff;--deep-violet:#753bbd;--amber:#ff9800;--paper:#f7f4ff;background:var(--ink)}
.story-page .header nav{gap:26px}
.story-page .header nav a{font-size:12px}
.story-page .language-switch{margin-left:28px}

.story-page.game-mode{overflow:hidden}
.story-page.game-mode .cursor-dot,.story-page.game-mode .cursor-ring{display:none!important}
.story-page.game-result-mode,.story-page.game-result-mode a{cursor:auto!important}
.story-page.game-result-mode button{cursor:pointer!important}
.story-hero{height:100svh;min-height:780px;position:relative;overflow:hidden;overflow:clip;isolation:isolate}
.story-hero:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,var(--ink));z-index:-1}
.probe-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
.probe-access{position:absolute;z-index:7;left:0;top:0;width:58px;height:58px;border:1px solid rgba(255,152,0,.34);border-radius:50%;background:rgba(8,7,16,.12);color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .2s,border-color .2s,background .2s,box-shadow .2s}
.probe-access:before{content:"";position:absolute;inset:20px;border:1px solid rgba(156,98,255,.7);border-radius:50%;box-shadow:0 0 16px rgba(156,98,255,.45)}
.probe-access:after{content:"";position:absolute;inset:-7px;border:1px dashed rgba(255,152,0,.18);border-radius:50%;animation:storySpin 8s linear infinite}
.probe-access.ready{opacity:.36;pointer-events:auto}
.probe-access.ready:hover,.probe-access.ready:focus-visible{opacity:1;border-color:var(--amber);background:rgba(8,7,16,.72);box-shadow:0 0 35px rgba(255,152,0,.24);outline:none}
.probe-access span{position:absolute;left:68px;top:50%;transform:translateY(-50%);width:max-content;padding:8px 10px;border:1px solid rgba(255,152,0,.3);border-radius:99px;background:rgba(8,7,16,.78);font:600 8px ui-monospace,monospace;letter-spacing:.13em;color:var(--amber);opacity:0;transition:.2s}
.probe-access:hover span,.probe-access:focus-visible span{opacity:1}
.story-hero.game-active .probe-canvas{z-index:8;opacity:1;pointer-events:auto;touch-action:none}
.story-hero.game-ended .probe-canvas,.story-hero.game-ended .game-hud{pointer-events:none}
.story-hero.game-active .probe-access{opacity:0;pointer-events:none}
.story-hero.game-active:before{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 55%,transparent 0 38%,rgba(8,7,16,.2) 72%,rgba(8,7,16,.62) 100%);box-shadow:inset 0 0 160px rgba(0,0,0,.34)}
.story-hero-copy{transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1)}
.story-hero.game-active .story-hero-copy{transform:translateY(-18px) scale(.96);transform-origin:left center;opacity:0;pointer-events:none}
.story-hero.game-active .story-hero-foot,.story-hero.game-active .story-hero-copy>.kicker,.story-hero.game-active .hero-note,.story-hero.game-active .scroll-tag{opacity:0}
.little-planet{transition:opacity .5s,filter .5s}
.story-hero.game-active .little-planet{opacity:.16;filter:blur(1px)}

.game-dialog{position:absolute;z-index:35;inset:0;display:grid;place-items:center;padding:100px var(--pad) 34px;background:rgba(5,4,10,.56);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility .28s}
.game-dialog.is-open{opacity:1;visibility:visible;pointer-events:auto}
.game-panel{width:min(620px,100%);padding:38px 42px;border:1px solid rgba(156,98,255,.35);border-radius:28px;background:linear-gradient(145deg,rgba(18,14,28,.97),rgba(8,7,14,.98));box-shadow:0 35px 110px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05);text-align:left}
.game-panel-kicker{display:block;font:600 9px ui-monospace,monospace;letter-spacing:.17em;color:var(--amber)}
.game-panel-number{display:block;margin:18px 0 5px;font:800 clamp(50px,7vw,84px)/1 "Unbounded";letter-spacing:-.07em;color:#fff}
.game-panel-number span{font-size:.28em;color:var(--amber);letter-spacing:0}
.game-panel h2{font:700 clamp(27px,3.2vw,43px)/1.12 "Unbounded";letter-spacing:-.04em;margin:10px 0 20px}
.game-panel>p{max-width:520px;margin:0;color:var(--copy);font-size:16px;line-height:1.65}
.game-panel-actions{display:flex;align-items:center;gap:26px;margin-top:30px}
.game-panel-actions .pill{color:#fff}
.game-text-button{padding:12px 0;border:0;border-bottom:1px solid #554a66;background:transparent;color:#aca3b9;font-size:13px;transition:.2s}
.game-text-button:hover,.game-text-button:focus-visible{color:#fff;border-color:var(--amber);outline:none}
.game-panel>small{display:block;margin-top:25px;padding-top:18px;border-top:1px solid #2a2334;font:600 8px/1.6 ui-monospace,monospace;letter-spacing:.12em;color:#686072}

.game-hud{position:absolute;z-index:22;left:var(--pad);right:var(--pad);top:96px;display:grid;grid-template-columns:1fr repeat(5,auto);gap:30px;align-items:center;padding:13px 16px;border:1px solid rgba(156,98,255,.26);border-radius:18px;background:rgba(8,7,16,.72);backdrop-filter:blur(14px);opacity:0;transform:translateY(-14px);pointer-events:none;transition:.3s}
.story-hero.game-active .game-hud{opacity:1;transform:none;pointer-events:auto}
.game-hud-brand{display:flex;align-items:center;gap:10px;font:600 9px ui-monospace,monospace;letter-spacing:.16em;color:#c8c0d2}
.game-hud-brand i{width:7px;height:7px;border-radius:50%;background:#6bf0a0;box-shadow:0 0 13px #6bf0a0}
.game-hud-stat{min-width:78px}
.game-hud-stat small{display:block;font:600 7px ui-monospace,monospace;letter-spacing:.14em;color:#71687c}
.game-hud-stat>strong{display:block;margin-top:3px;font:700 18px "Unbounded";letter-spacing:-.03em}
.game-energy{display:flex!important;gap:5px;height:18px;align-items:center}
.game-energy i{display:block;width:17px;height:5px;border-radius:99px;background:var(--amber);box-shadow:0 0 10px rgba(255,152,0,.45);transition:.2s}
.game-energy i.off{background:#312a3a;box-shadow:none}
.game-audio{width:37px;height:37px;display:grid;place-items:center;border:1px solid #44394f;border-radius:50%;background:transparent;color:#c8c0d2;font-size:14px;transition:.2s}
.game-audio:hover,.game-audio:focus-visible{border-color:var(--amber);color:var(--amber);outline:none}
.game-audio[aria-pressed="false"]{color:#625a6c;border-color:#302939}
.game-audio[aria-pressed="false"] span{opacity:.45;text-decoration:line-through}
.game-exit{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #44394f;border-radius:99px;background:transparent;color:#887f92;font:600 8px ui-monospace,monospace;letter-spacing:.12em;transition:.2s}
.game-exit span{font-size:15px;line-height:.5}
.game-exit:hover,.game-exit:focus-visible{border-color:var(--amber);color:#fff;outline:none}
.game-controls-hint{position:absolute;z-index:22;left:var(--pad);bottom:30px;transform:translateY(12px);padding:10px 15px;border:1px solid rgba(156,98,255,.2);border-radius:99px;background:rgba(8,7,16,.64);font:600 8px ui-monospace,monospace;letter-spacing:.13em;color:#787080;opacity:0;transition:.3s;pointer-events:none}
.story-hero.game-active .game-controls-hint{opacity:1;transform:none}
.game-result{z-index:38;background:rgba(5,4,10,.72)}
.game-result.is-open{pointer-events:auto}
.game-result.is-open .game-panel,.game-result.is-open button{pointer-events:auto}
.game-result-score{display:block;margin:22px 0 8px;font:800 clamp(55px,8vw,92px)/1 "Unbounded";letter-spacing:-.06em;background:linear-gradient(95deg,var(--violet),#d6baff 48%,var(--amber));background-clip:text;color:transparent}
.game-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.game-result-stats p{margin:0;padding:16px;border:1px solid #2e2639;border-radius:14px}
.game-result-stats small{display:block;font:600 7px ui-monospace,monospace;letter-spacing:.12em;color:#756d80}
.game-result-stats b{display:block;margin-top:8px;font:700 22px "Unbounded"}
.story-nebula{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-3}
.story-nebula-a{width:52vw;height:52vw;right:-13vw;top:-17vw;background:rgba(117,59,189,.3)}
.story-nebula-b{width:36vw;height:36vw;left:3vw;bottom:-24vw;background:rgba(255,152,0,.12)}
.story-hero-copy{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:12vh;max-width:1160px}
.story-hero h1,.origin h2,.purpose-story h2,.values h2,.behind h2,.signals h2,.curiosities h2,.story-contact h2{font:800 clamp(46px,6.4vw,98px)/.98 "Unbounded",sans-serif;letter-spacing:-.05em;text-wrap:balance}
.story-hero h1{margin:24px 0 0;max-width:1000px}
.story-hero h1 em,.origin h2 em,.purpose-story h2 em,.values h2 em,.behind h2 em,.signals h2 em,.curiosities h2 em,.story-contact h2 em{font-style:normal;background:linear-gradient(96deg,var(--violet),#d6baff 50%,var(--amber));background-clip:text;color:transparent}
.story-hero-foot{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:38px;max-width:940px}
.story-hero-foot p{max-width:570px;margin:0;color:#bbb3cc;font-size:17px;line-height:1.68}
.hero-note{position:absolute;z-index:3;font:600 9px ui-monospace,monospace;letter-spacing:.18em;color:rgba(255,255,255,.24);transform:rotate(-8deg)}
.note-a{left:47%;top:22%}.note-b{right:25%;top:17%;transform:rotate(7deg);color:rgba(255,152,0,.36)}

.little-planet{position:absolute;z-index:1;width:min(50vw,720px);aspect-ratio:1;right:-4vw;top:3vh;will-change:transform}
.planet-sphere{position:absolute;z-index:3;width:38%;aspect-ratio:1;left:31%;top:31%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 31% 25%,#c9a4ff 0,#9c62ff 15%,#753bbd 43%,#351155 74%,#100719 100%);box-shadow:inset -28px -28px 65px rgba(6,3,12,.58),0 0 110px rgba(117,59,189,.65)}
.planet-sphere img{width:48%;position:relative;z-index:2}
.planet-ring{position:absolute;border:1px solid rgba(156,98,255,.25);border-radius:50%;animation:storySpin 52s linear infinite}
.planet-ring-a{inset:8%;transform:rotate(-14deg) scaleY(.64)}
.planet-ring-b{inset:22%;border-style:dashed;border-color:rgba(255,152,0,.25);animation-direction:reverse;animation-duration:37s}
.planet-moon{position:absolute;z-index:4;border-radius:50%;box-shadow:0 0 25px currentColor}
.moon-a{width:14px;height:14px;background:var(--amber);color:var(--amber);left:12%;top:32%;animation:floatMoon 5s ease-in-out infinite}
.moon-b{width:8px;height:8px;background:var(--violet);color:var(--violet);right:19%;bottom:28%;animation:floatMoon 4s ease-in-out -2s infinite}
.rose-planet{position:absolute;z-index:5;width:29px;aspect-ratio:1;right:25%;top:31%;border-radius:46% 54% 49% 51%;background:radial-gradient(circle at 68% 38%,rgba(69,65,72,.5) 0 7%,transparent 8%),radial-gradient(circle at 34% 66%,rgba(74,70,77,.4) 0 9%,transparent 10%),radial-gradient(circle at 31% 27%,#f3f0ea 0,#c5c1bd 31%,#858188 65%,#3e3a43 100%);box-shadow:inset -5px -6px 10px rgba(25,22,29,.48),0 0 18px rgba(224,218,211,.3);animation:rosePlanetFloat 5.8s ease-in-out infinite}
.rose-planet:after{content:"";position:absolute;width:36px;height:12px;left:-4px;top:8px;border:1px solid rgba(255,152,0,.38);border-radius:50%;transform:rotate(-15deg);clip-path:inset(0 0 50% 0)}
.tiny-rose{position:absolute;z-index:2;width:1px;height:13px;left:14px;bottom:23px;background:#a9c77d;transform:rotate(3deg);transform-origin:bottom}
.tiny-rose:before{content:"";position:absolute;width:7px;height:7px;border-radius:48% 52% 45% 55%;left:-3px;top:-5px;background:#ff765e;box-shadow:-2px 1px 0 #d94d55,2px 1px 0 #ff9d72,0 0 10px rgba(255,118,94,.85)}
.tiny-rose:after{content:"";position:absolute;width:5px;height:3px;left:1px;top:6px;border-radius:100% 0 100% 0;background:#86aa66;transform:rotate(-25deg)}

.story-ticker{border-block:1px solid rgba(117,59,189,.5);overflow:hidden;padding:20px 0;background:#0c0914}
.story-ticker>div{display:flex;width:max-content;white-space:nowrap;animation:storyMarquee 34s linear infinite}
.story-ticker span{font:500 14px "Unbounded";letter-spacing:.03em}
.story-ticker b{color:var(--amber);margin:0 28px}

.section-intro{display:grid;grid-template-columns:20% 1fr;gap:4vw;align-items:start}
.origin{overflow:hidden;background:linear-gradient(180deg,#080710,#0b0812)}
.origin h2{font-size:clamp(39px,5.4vw,80px);margin:0}
.origin-equation{display:grid;grid-template-columns:1fr auto 1fr auto .86fr;align-items:center;gap:24px;margin-top:100px}
.origin-card,.origin-result{min-height:430px;border:1px solid var(--line);border-radius:28px;padding:38px;position:relative;overflow:hidden}
.origin-card{background:var(--surface)}
.origin-card:before{content:"";position:absolute;width:260px;aspect-ratio:1;border-radius:50%;right:-105px;top:-115px;filter:blur(5px)}
.origin-card-b612:before{background:radial-gradient(circle at 35% 32%,#d4baff,var(--deep-violet) 40%,#251038 76%)}
.origin-card-42:before{background:radial-gradient(circle at 35% 32%,#ffd897,var(--amber) 38%,#5f2b00 76%)}
.origin-coordinate{font:600 9px ui-monospace,monospace;letter-spacing:.18em;color:#827990}
.origin-card strong,.origin-result>strong{display:block;font:800 clamp(52px,6vw,90px) "Unbounded";margin-top:75px;letter-spacing:-.07em}
.origin-card p{color:var(--copy);font-size:16px;line-height:1.7;max-width:340px;margin:22px 0 0}
.equation-symbol{font:300 clamp(36px,5vw,72px) "Unbounded";color:#61596e}
.sketch-orbit{position:absolute;width:130px;height:62px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:36px;bottom:38px;transform:rotate(-19deg)}
.sketch-orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--violet);right:11px;top:2px;box-shadow:0 0 18px var(--violet)}
.panic-stamp{position:absolute;right:30px;bottom:34px;border:1px solid rgba(255,152,0,.5);border-radius:99px;padding:10px 14px;font:600 8px ui-monospace,monospace;letter-spacing:.17em;color:var(--amber);transform:rotate(-7deg)}
.origin-result{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 47%,rgba(117,59,189,.26),transparent 60%);border-style:dashed}
.result-planet{width:170px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#cbaaff,var(--deep-violet) 45%,#280b43 77%);box-shadow:0 0 65px rgba(117,59,189,.55)}
.result-planet img{width:55%}
.origin-result>strong{font-size:24px;margin:26px 0 0;letter-spacing:.2em}
.origin-manifesto{display:grid;grid-template-columns:1.7fr 1fr;gap:8vw;margin:110px 0 0 24%;padding-top:42px;border-top:1px solid var(--line)}
.origin-manifesto p{font:500 clamp(22px,2.8vw,39px)/1.45 "Unbounded";margin:0;color:#ddd6e7;letter-spacing:-.025em}
.origin-manifesto span{font:600 10px/1.7 ui-monospace,monospace;letter-spacing:.18em;color:var(--amber);text-transform:uppercase}

.purpose-story{min-height:950px;display:grid;grid-template-columns:1fr 1.16fr;gap:7vw;align-items:center;background:#f2eee7;color:#15121d;overflow:hidden}
.purpose-story .side-label{color:#6f6578}
.purpose-orbit{width:min(42vw,600px);aspect-ratio:1;position:relative;display:grid;place-items:center}
.purpose-orbit:before{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#d6bcff,var(--deep-violet) 45%,#2c104a);box-shadow:0 0 90px rgba(117,59,189,.35)}
.purpose-orbit i{position:absolute;border-radius:50%;border:1px solid rgba(117,59,189,.25);animation:storySpin 70s linear infinite}
.purpose-orbit i:nth-child(1){inset:4%;transform:rotate(13deg) scaleY(.58)}
.purpose-orbit i:nth-child(2){inset:17%;border-style:dashed;animation-direction:reverse;animation-duration:47s}
.purpose-orbit i:nth-child(3){inset:30%;border-color:rgba(255,152,0,.45);animation-duration:31s}
.purpose-orbit i:nth-child(1):after,.purpose-orbit i:nth-child(2):after{content:"";position:absolute;border-radius:50%}
.purpose-orbit i:nth-child(1):after{width:13px;height:13px;background:var(--amber);left:15%;top:16%;box-shadow:0 0 24px rgba(255,152,0,.7)}
.purpose-orbit i:nth-child(2):after{width:8px;height:8px;background:var(--violet);right:9%;bottom:26%}
.purpose-orbit>span{position:relative;z-index:2;font:800 clamp(32px,5vw,68px) "Unbounded";color:#fff}
.purpose-story h2{font-size:clamp(46px,5.8vw,86px);margin:36px 0}
.purpose-story h2 em{background:none;color:var(--deep-violet)}
.purpose-lead{font:500 clamp(18px,1.7vw,26px)/1.55 "Unbounded";max-width:650px}
.purpose-lines{margin-top:55px;border-top:1px solid #d6cfd9}
.purpose-lines p{display:grid;grid-template-columns:135px 1fr;gap:30px;margin:0;padding:20px 0;border-bottom:1px solid #d6cfd9}
.purpose-lines b{color:var(--deep-violet);font:600 13px "Unbounded"}
.purpose-lines span{color:#615a66;font-size:15px}

.values{background:#0b0812;overflow:hidden}
.values-head{display:grid;grid-template-columns:20% 1.5fr .8fr;gap:4vw;align-items:end}
.values h2{font-size:clamp(42px,5.8vw,86px);margin:0}
.values-head>p{margin:0;color:var(--copy);line-height:1.75}
.values-universe{height:650px;margin-top:80px;position:relative;border:1px solid rgba(117,59,189,.2);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(117,59,189,.18),transparent 53%),linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.values-universe:before,.values-universe:after{content:"";position:absolute;inset:0;pointer-events:none}
.values-universe:before{opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,var(--violet) 0 1px,transparent 1.3px);background-position:0 0,27px 19px;background-size:87px 87px,113px 113px;mask-image:linear-gradient(black,transparent 92%)}
.values-universe:after{background:linear-gradient(90deg,transparent,rgba(156,98,255,.06),transparent);transform:translateX(-100%);animation:signalSweep 8s ease-in-out infinite}
.value-lines{position:absolute;inset:0;width:100%;height:540px}
.value-lines path{fill:none;stroke:rgba(156,98,255,.28);stroke-width:1.3;stroke-dasharray:4 8;vector-effect:non-scaling-stroke}
.value-star{position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:88px;aspect-ratio:1;border:0;background:transparent;color:#fff;display:grid;place-items:center;transition:.25s}
.value-star:before,.value-star:after{content:"";position:absolute;border-radius:50%;transition:.3s}
.value-star:before{inset:16px;border:1px solid rgba(156,98,255,.45);background:rgba(10,7,17,.85);box-shadow:0 0 25px rgba(117,59,189,.12)}
.value-star:after{inset:29px;background:var(--violet);box-shadow:0 0 18px var(--violet)}
.value-star span{position:relative;z-index:2;font:800 13px "Unbounded"}
.value-star b{position:absolute;top:100%;font:600 9px ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:#766e83;white-space:nowrap;transition:.25s}
.value-star:hover,.value-star:focus-visible,.value-star.active{transform:translate(-50%,-50%) scale(1.14);outline:none}
.value-star:hover:before,.value-star:focus-visible:before,.value-star.active:before{border-color:var(--amber);box-shadow:0 0 42px rgba(255,152,0,.36)}
.value-star:hover:after,.value-star:focus-visible:after,.value-star.active:after{background:var(--amber);box-shadow:0 0 26px var(--amber)}
.value-star:hover b,.value-star:focus-visible b,.value-star.active b{color:#fff}
.value-detail{position:absolute;z-index:4;left:50%;bottom:36px;transform:translateX(-50%);width:min(640px,80%);display:grid;grid-template-columns:85px 1fr;gap:26px;padding:25px 30px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(10,7,17,.74);backdrop-filter:blur(18px)}
.value-detail>span{font:800 58px "Unbounded";color:var(--amber);line-height:1}
.value-detail small{font:600 8px ui-monospace,monospace;letter-spacing:.18em;color:#71697d}
.value-detail h3{font:600 21px "Unbounded";margin:7px 0}
.value-detail p{margin:0;color:var(--copy);line-height:1.58;font-size:14px}
.values-hint{position:absolute;left:28px;bottom:30px;font:600 8px ui-monospace,monospace;letter-spacing:.14em;color:#5f586b}

.behind{background:#080710}
.behind-head{display:grid;grid-template-columns:20% 1.35fr .75fr;gap:4vw;align-items:end}
.behind h2{font-size:clamp(42px,5.6vw,84px);margin:0}
.behind-head>p{color:var(--copy);line-height:1.75;margin:0}
.behind-collage{display:grid;grid-template-columns:1.25fr .65fr .9fr;grid-template-rows:auto auto auto;gap:28px;margin-top:100px;align-items:start}
.behind-photo{margin:0;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:#100d18}
.behind-photo picture{display:block;width:100%;height:100%}
.behind-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.76);transition:transform .7s,filter .5s}
.behind-photo:hover img{transform:scale(1.035);filter:saturate(1)}
.behind-photo figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:20px;padding:18px 20px;background:linear-gradient(transparent,rgba(8,7,16,.94));font:600 8px ui-monospace,monospace;letter-spacing:.13em}
.behind-photo figcaption span{color:var(--amber)}
.behind-photo-wide{grid-column:1/3;aspect-ratio:16/8.5}
.behind-photo-tall{grid-column:3;grid-row:1/3;aspect-ratio:2/3}
.behind-photo-detail{grid-column:1;aspect-ratio:4/3}
.behind-photo-people{grid-column:2/4;aspect-ratio:5/2}
.crew-note{grid-column:1/3;margin:0;min-height:280px;padding:45px 50px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,rgba(117,59,189,.2),rgba(255,152,0,.05))}
.crew-note>span{font:800 72px/1 "Unbounded";color:var(--amber)}
.crew-note p{font:500 clamp(20px,2.2vw,32px)/1.45 "Unbounded";max-width:760px;margin:0}
.crew-note cite{margin-top:25px;font:600 8px ui-monospace,monospace;letter-spacing:.15em;color:#80778d;font-style:normal}
.prototype-note{text-align:right;margin:25px 0 0;color:#5e566b;font:600 8px ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}

.signals{background:#110d19;overflow:hidden}
.signals-head{display:grid;grid-template-columns:20% 1.35fr .75fr;gap:4vw;align-items:end}
.signals h2{font-size:clamp(42px,5.6vw,82px);margin:0}
.signals-head>p{margin:0;color:var(--copy);line-height:1.75}
.signal-console{margin-top:90px;border:1px solid #312840;border-radius:26px;overflow:hidden;background:#08070d;box-shadow:0 35px 100px rgba(0,0,0,.25)}
.signal-status{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2236;padding:18px 25px;font:600 8px ui-monospace,monospace;letter-spacing:.15em;color:#777080}
.signal-status span{display:flex;align-items:center;gap:10px}.signal-status i{width:7px;height:7px;border-radius:50%;background:#69e699;box-shadow:0 0 12px #69e699;animation:statusPulse 1.8s ease-in-out infinite}
.signal-status small{color:var(--amber)}
.signal-track{display:block}
.signal-card{display:none;min-height:420px;padding:65px clamp(30px,8vw,120px)}
.signal-card.active{display:block;animation:signalIn .45s cubic-bezier(.2,.7,.2,1) both}
.signal-number{font:600 9px ui-monospace,monospace;letter-spacing:.18em;color:var(--amber)}
.signal-card blockquote{font:500 clamp(25px,3.3vw,49px)/1.4 "Unbounded";letter-spacing:-.035em;max-width:1150px;margin:35px 0 45px;text-wrap:balance}
.signal-card p{display:flex;flex-direction:column;gap:5px;margin:0}
.signal-card strong{font:600 10px ui-monospace,monospace;letter-spacing:.13em}
.signal-card p span{font-size:12px;color:#696272}
.signal-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #2a2236}
.signal-controls button{width:46px;height:46px;border-radius:50%;border:1px solid #3d334d;background:transparent;color:#fff;transition:.25s}
.signal-controls button:hover,.signal-controls button:focus-visible{border-color:var(--amber);color:var(--amber);outline:none}
.signal-controls>div{display:flex;gap:7px}.signal-controls i{width:28px;height:2px;background:#37303f;transition:.25s}.signal-controls i.active{background:var(--amber)}

.curiosities{background:#f2eee7;color:#17131d}
.curiosities-head{display:grid;grid-template-columns:20% 1fr;gap:4vw;align-items:start}
.curiosities .side-label{color:#756c7e}
.curiosities h2{font-size:clamp(40px,5.4vw,80px);margin:0}
.curiosity-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px}
.curiosity-card{min-height:350px;padding:30px;border:1px solid #d7d0db;border-right:0;display:flex;flex-direction:column;transition:.3s}
.curiosity-card:last-child{border-right:1px solid #d7d0db}
.curiosity-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(38,24,52,.1)}
.curiosity-card>span{font:700 12px ui-monospace,monospace;letter-spacing:.13em;color:var(--deep-violet)}
.curiosity-card h3{font:600 clamp(20px,2vw,28px)/1.25 "Unbounded";margin:auto 0 18px}
.curiosity-card p{color:#655e68;line-height:1.65;margin:0}
.curiosity-card-orange{background:var(--amber);border-color:var(--amber)}
.curiosity-card-orange>span,.curiosity-card-orange p{color:#482400}
.curiosity-card-wide{grid-column:1/-1;min-height:260px;background:var(--deep-violet);color:white;border-color:var(--deep-violet);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:40px}
.curiosity-card-wide>span{color:var(--amber);font-size:18px}
.curiosity-card-wide h3{margin:0;font-size:clamp(26px,3vw,46px)}
.curiosity-card-wide p{color:#e4d8ef}

.story-contact{text-align:center;min-height:880px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.story-contact h2{font-size:clamp(44px,6.8vw,102px);max-width:1250px;margin:26px 0 0}
.story-contact>p{font-size:17px;color:var(--copy);margin:35px 0}
.final-planet{position:absolute;z-index:-1;width:min(82vw,1100px);aspect-ratio:1}
.final-planet i{position:absolute;border:1px solid rgba(117,59,189,.2);border-radius:50%;inset:0;animation:storySpin 90s linear infinite}
.final-planet i:nth-child(2){inset:17%;border-style:dashed;animation-direction:reverse;animation-duration:58s}
.final-planet b{position:absolute;width:17px;height:17px;background:var(--amber);border-radius:50%;left:11%;top:25%;box-shadow:0 0 32px var(--amber);animation:floatMoon 4s ease-in-out infinite}

@keyframes storySpin{to{transform:rotate(360deg)}}
@keyframes storyMarquee{to{transform:translateX(-50%)}}
@keyframes floatMoon{50%{transform:translateY(-12px);opacity:.65}}
@keyframes rosePlanetFloat{50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes signalSweep{0%,25%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@keyframes statusPulse{50%{opacity:.35}}
@keyframes signalIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  .little-planet{width:65vw;right:-23vw;opacity:.74}
  .story-hero-copy{bottom:13vh}
  .origin-equation{grid-template-columns:1fr auto 1fr}
  .origin-result{grid-column:2/3}.origin-equation>.equation-symbol:nth-of-type(2){display:none}
  .section-intro,.values-head,.behind-head,.signals-head,.curiosities-head{grid-template-columns:1fr}
  .section-intro h2,.values h2,.behind h2,.signals h2,.curiosities h2{margin-top:35px}
  .values-head>p,.behind-head>p,.signals-head>p{margin-top:25px;max-width:650px}
  .origin-manifesto{margin-left:0}
  .purpose-story{grid-template-columns:.8fr 1.2fr}
  .purpose-lines p{grid-template-columns:120px 1fr}
  .curiosity-grid{grid-template-columns:repeat(2,1fr)}
  .curiosity-card{border-right:1px solid #d7d0db}
  .behind-collage{grid-template-columns:1fr 1fr}
  .behind-photo-wide{grid-column:1/3}
  .behind-photo-tall{grid-column:2;grid-row:2/4}
  .crew-note{grid-column:1;min-height:360px}
  .behind-photo-detail{grid-column:1}
  .behind-photo-people{grid-column:1/3}
}

@media(max-width:760px){
  .story-page .language-switch{margin-left:auto;margin-right:12px}
  .story-hero{min-height:790px}
  .story-hero h1{font-size:clamp(38px,10.5vw,58px)}
  .story-hero-copy{bottom:11vh}
  .story-hero.game-active .story-hero-copy{display:none}
  .story-hero-foot{display:block}
  .story-hero-foot p{font-size:15px}
  .story-hero-foot .pill{margin-top:27px}
  .little-planet{width:100vw;right:-48vw;top:5vh}
  .hero-note{display:none}
  .origin-equation{grid-template-columns:1fr}
  .origin-card,.origin-result{min-height:340px}
  .equation-symbol{text-align:center}
  .origin-result{grid-column:auto}
  .origin-equation>.equation-symbol:nth-of-type(2){display:block}
  .origin-manifesto{grid-template-columns:1fr;gap:35px}
  .purpose-story{grid-template-columns:1fr;padding-top:80px}
  .purpose-orbit{width:82vw;margin:0 auto}
  .purpose-lines p{grid-template-columns:1fr;gap:8px}
  .values-universe{height:auto;min-height:750px;padding:34px 22px;display:flex;flex-direction:column;gap:14px}
  .value-lines{display:none}
  .value-star{position:relative;left:auto!important;top:auto!important;transform:none;width:100%;height:76px;aspect-ratio:auto;display:flex;justify-content:flex-start;padding-left:24px;border:1px solid #2c2339;border-radius:18px}
  .value-star:before{inset:13px auto 13px 13px;width:48px}.value-star:after{inset:28px auto auto 28px;width:18px;height:18px}
  .value-star span{margin-left:17px}.value-star b{position:static;margin-left:42px;color:#b4acbf;font-size:10px}
  .value-star:hover,.value-star:focus-visible,.value-star.active{transform:translateX(5px)}
  .value-detail{position:relative;left:auto;bottom:auto;transform:none;width:100%;grid-template-columns:55px 1fr;margin-top:15px}
  .value-detail>span{font-size:38px}
  .values-hint{display:none}
  .behind-collage{grid-template-columns:1fr;gap:20px}
  .behind-photo-wide,.behind-photo-tall,.behind-photo-detail,.behind-photo-people,.crew-note{grid-column:1;grid-row:auto}
  .behind-photo-wide{aspect-ratio:4/3}.behind-photo-tall{aspect-ratio:4/5}.behind-photo-people{aspect-ratio:4/3}
  .crew-note{min-height:300px;padding:35px 28px}
  .prototype-note{text-align:left;line-height:1.6}
  .signal-card{min-height:500px;padding:50px 25px}
  .signal-card blockquote{font-size:22px}
  .signal-status{align-items:flex-start;gap:15px}.signal-status small{text-align:right}
  .curiosity-grid{grid-template-columns:1fr}
  .curiosity-card-wide{grid-column:1;display:flex;gap:0;align-items:stretch}
  .curiosity-card-wide h3{margin:auto 0 18px}
  .story-contact{min-height:780px}
  .probe-access{width:64px;height:64px}
  .probe-access span{left:50%;top:72px;transform:translateX(-50%);opacity:.82}
  .game-dialog{padding:82px 16px 20px}
  .game-panel{padding:25px 22px;border-radius:22px}
  .game-panel-actions{flex-direction:column;align-items:stretch;gap:10px}
  .game-panel-actions .pill{width:100%;justify-content:space-between}
  .game-hud{left:10px;right:10px;top:72px;grid-template-columns:repeat(3,1fr) auto auto;gap:8px;padding:10px;border-radius:14px}
  .game-hud-brand{display:none}
  .game-hud-stat{min-width:0}
  .game-hud-stat small{font-size:6px}
  .game-hud-stat>strong{font-size:14px}
  .game-energy i{width:10px}
  .game-audio{width:34px;height:34px;font-size:12px}
  .game-exit{padding:8px;font-size:0}
  .game-exit span{font-size:16px}
  .game-controls-hint{left:12px;bottom:14px;width:max-content;max-width:calc(100vw - 24px);font-size:6px;letter-spacing:.09em}
  .game-result-stats{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .probe-canvas{opacity:.55}
  .planet-ring,.purpose-orbit i,.story-ticker>div,.values-universe:after,.signal-status i,.final-planet i,.final-planet b,.planet-moon,.rose-planet{animation:none!important}
  .signal-card.active{animation:none!important}
  .little-planet,[data-depth]{transform:none!important}
}