/* The boldness pass: living artwork, deliberate transitions, no scroll hijacking. */
:root{--world-color:#bc83ff;--world-soft:#7841d8}
body[data-world=game]{--world-color:#ff9c62;--world-soft:#b53c71}
body[data-world=app]{--world-color:#7ffff0;--world-soft:#287fbc}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero{background:radial-gradient(ellipse at 83% 42%,#852d8433,transparent 54%),radial-gradient(ellipse at 38% 110%,#612fb429,transparent 70%)}
.hero-layout{min-height:744px;grid-template-columns:1fr 1fr;gap:0;padding-top:18px}
.hero-copy{padding-block:24px;z-index:7}
.hero-copy h1{font-size:clamp(72px,7.4vw,105px);line-height:.96;letter-spacing:-5px;max-width:none;font-weight:750}
.headline-line{display:block;width:max-content;max-width:100%;animation:headline-enter .85s cubic-bezier(.16,1,.3,1) both}
.headline-line:nth-child(2){animation-delay:90ms}
.headline-line:nth-child(3){animation-delay:180ms}
.headline-outline{-webkit-text-stroke:1.5px #cc9afa;color:transparent;text-shadow:0 0 50px #a75cec26}
.headline-stop{color:var(--ember)}
.studio-note{margin-bottom:24px}.hero-description{margin-top:27px;font-size:16px;max-width:430px}.hero-actions{margin-top:27px}.hero-footnote{margin-top:25px}
.hero-stage{position:relative;z-index:4;align-self:center;margin-right:-14px}
.hero-art{height:590px;touch-action:pan-y}
#forge-cosmos{position:absolute;inset:-35px -30px;width:calc(100% + 60px);height:calc(100% + 70px);z-index:0;pointer-events:none;opacity:.9}
.portal{inset:58px 0 75px 15px;filter:drop-shadow(0 0 55px #9b3ffc42);transition:filter .6s,scale .6s}
.portal-rim{animation:portal-turn 23s linear infinite;box-shadow:inset 0 0 28px #ba80ff99,0 0 58px #ac55f56b}
.portal-rim:after{inset:10px;background:#1b123be8}
.portal-inner{inset:30px;animation:portal-breathe 7s ease-in-out infinite alternate}
.portal-inner:before{border-style:dashed;inset:21px;animation:portal-turn 44s linear reverse infinite}
.portal-inner:after{border:2px solid #ffb8f55c;inset:47px;box-shadow:0 0 22px #e89eff26}
.portal-core{opacity:.55}
.orbital-path{animation:orbital-turn 57s linear infinite;z-index:3}
.star-one{animation:star-breathe 6s ease-in-out infinite alternate}.star-two{animation:star-breathe 7s ease-in-out 2s infinite alternate}.star-three{animation:star-breathe 5s ease-in-out 1s infinite alternate}
.artifact-wrap{inset:91px 103px 137px 103px;transform:rotate(-10deg) rotateY(var(--mx)) rotateX(var(--my));z-index:4}
.hero-product{animation:artifact-float 6s ease-in-out infinite;will-change:translate}
body[data-world=game] .hero-product{max-width:115%;width:115%;max-height:100%;object-fit:contain}
body[data-world=app] .hero-product{max-width:148%;width:148%;border-radius:8px}
.artifact-caption{bottom:61px;left:81px;right:8px;min-height:72px;background:#2b1b3edb;box-shadow:0 14px 40px #06001066}
.artifact-caption>.icon{color:var(--world-color)}
.orbit-caption{top:91px;right:0;font-size:11px}
.star-one{top:81px;left:18px}.star-two{top:349px;right:-8px}.star-three{bottom:124px;left:34px}
.world-switch{margin-top:-17px;margin-bottom:10px;background:#201632;border-color:#8c58a185;box-shadow:0 12px 35px #06021155}
.world-switch button[aria-pressed=true]{background:var(--world-soft);border-color:var(--world-color)}
.world-switch button{min-height:44px}
.hero-bottom{padding-block:19px 26px}
.jump-button{position:relative;min-width:215px;background:#ffae78;border:1px solid #ffcca4;box-shadow:0 0 38px #f7926630;overflow:hidden}
.jump-button .icon:first-child{width:19px;height:19px}.jump-button .icon:last-child{margin-left:10px}
.jump-button:before{content:"";position:absolute;inset:-100% 0;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:translateX(-120%) rotate(15deg)}
.jump-button:hover:before{animation:button-glint .65s ease-out}.jump-button:hover{background:#ffc39a;box-shadow:0 0 50px #f7926640}
.jump-button:disabled{cursor:progress;opacity:1}
.portal-shockwave{position:absolute;inset:60px 5px 76px 16px;border:2px solid var(--world-color);border-radius:50%;opacity:0;pointer-events:none;z-index:5}
.hero.is-jumping .portal{scale:1.12;filter:drop-shadow(0 0 80px #d992ff9c)}
.hero.is-jumping .portal-rim{animation-duration:1.2s}
.hero.is-jumping .portal-shockwave{animation:portal-wave .95s cubic-bezier(.1,.4,.3,1)}
.hero.is-jumping .artifact-wrap{animation:artifact-jump .85s ease-in both}
.hero.is-jumping .artifact-caption{opacity:.3;transition:opacity .3s}
.hero.is-jumping .world-switch{pointer-events:none}
.forge-ribbon{position:relative;overflow:hidden;padding:25px 0 30px;margin-top:18px;isolation:isolate;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
.ribbon-track{display:flex;align-items:center;gap:35px;width:max-content;transform:translateX(var(--ribbon-x,-95px));will-change:transform}
.ribbon-track span{font-family:var(--display);font-size:clamp(42px,6vw,88px);line-height:1.15;font-weight:650;letter-spacing:-3px;white-space:nowrap;-webkit-text-stroke:1px #9c75c4;color:transparent}
.ribbon-track span:nth-of-type(3n+2){color:#b699e6;-webkit-text-stroke:0}
.ribbon-track i{font-size:50px;line-height:1;color:var(--ember);font-style:normal;transform:rotate(var(--ribbon-angle,0deg))}
.project-art{transform:perspective(700px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .15s ease-out,box-shadow .25s;transform-style:preserve-3d}
.project-art:after{background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff24,transparent 60%);opacity:0;transition:opacity .25s}
.project-art:hover:after{opacity:1}.project-art:hover{box-shadow:0 12px 32px #0003,0 0 25px color-mix(in srgb,var(--project-accent) 12%,transparent)}
.project-art img{transform:translateZ(15px)}.book .project-art img{transform:translateZ(15px) rotate(-5deg)}
.beyond-card{transition:border-color .25s,background .25s}.channel-card:hover .signal-circle{animation:signal-ripple 2s ease-out infinite}.channel-card:hover .circle-b{animation-delay:.5s}
.two-body-card:hover .celestial{animation:planet-float 3s ease-in-out infinite alternate}.two-body-card:hover .body-b{animation-delay:1s}
.newsletter:hover .newsletter-spark{animation:newsletter-turn 12s linear infinite}
.motion-toggle{position:fixed;bottom:20px;right:22px;z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 15px;min-height:44px;border:1px solid #9275a678;border-radius:100px;background:#20162fec;backdrop-filter:blur(18px);box-shadow:0 5px 25px #07001255;font-size:11px;letter-spacing:.1px;color:#e8d9ff}
.motion-symbol{font-size:15px;color:#d6aeff;line-height:1}.motion-toggle:hover{border-color:#d6aeff;background:#352045}
.motion-toggle[disabled]{cursor:default}
.motion-paused .portal-rim,.motion-paused .portal-inner,.motion-paused .portal-inner:before,.motion-paused .orbital-path,.motion-paused .hero-product,.motion-paused .star,.motion-paused .signal-circle,.motion-paused .celestial,.motion-paused .newsletter-spark{animation-play-state:paused!important}
.motion-paused .headline-line{animation:none}.motion-paused .artifact-wrap{transform:rotate(-10deg)!important}.motion-paused .project-art{transform:none}.motion-paused .project-art img{transition:none}.motion-paused .ribbon-track{will-change:auto}
.motion-paused .portal-wave,.motion-paused .portal-shockwave,.motion-paused .hero.is-jumping .artifact-wrap,.motion-paused .jump-button:hover:before{animation:none}
@keyframes portal-turn{to{rotate:360deg}}
@keyframes orbital-turn{to{rotate:-360deg}}
@keyframes portal-breathe{from{scale:.97;opacity:.78}to{scale:1.04;opacity:1}}
@keyframes artifact-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -15px;rotate:1.5deg}}
@keyframes star-breathe{from{opacity:.45;scale:.85;rotate:-10deg}to{opacity:1;scale:1.1;rotate:12deg}}
@keyframes headline-enter{from{opacity:0;transform:translateY(45px) rotate(3deg);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes button-glint{to{transform:translateX(120%) rotate(15deg)}}
@keyframes portal-wave{0%{scale:.65;opacity:0}30%{opacity:.65}100%{scale:1.6;opacity:0}}
@keyframes artifact-jump{0%{scale:1;filter:blur(0px)}40%{scale:1.04}100%{scale:.2;opacity:0;filter:blur(7px)}}
@keyframes signal-ripple{0%{scale:.8;opacity:.7}100%{scale:1.3;opacity:0}}
@keyframes planet-float{to{translate:8px -9px}}
@keyframes newsletter-turn{to{rotate:360deg}}
@media(min-width:1500px){.hero-layout{min-height:830px}.hero-art{height:660px}.artifact-wrap{inset:99px 103px 142px 120px}.portal{inset:65px 0 68px 0}.artifact-caption{bottom:67px}.hero-description{font-size:18px}.hero-copy h1{font-size:112px}}
@media(max-width:1180px){.hero-copy h1{font-size:86px;letter-spacing:-4px}.hero-layout{min-height:723px}.hero-art{height:560px}.artifact-wrap{inset:105px 76px 137px 92px}.portal{inset:75px 0 98px 0}.artifact-caption{left:49px;bottom:68px;right:0}.orbit-caption{top:85px;font-size:10px;right:1px}.star-one{top:87px;left:6px}.star-two{right:-10px;top:320px}.hero-stage{margin-right:-10px}.world-switch{margin-top:-24px}.hero-description{max-width:400px}}
@media(max-width:960px){.hero-copy h1{font-size:70px;letter-spacing:-3.5px}.hero-layout{min-height:680px;grid-template-columns:1.05fr 1fr}.hero-art{height:486px}.portal{inset:62px -3px 97px -8px}.artifact-wrap{inset:85px 49px 140px 57px}.artifact-caption{left:13px;right:0;bottom:59px;min-height:66px}.orbit-caption{top:67px;font-size:9px}.star-one{top:43px;left:2px}.star-two{top:270px;right:-9px}.star-three{left:-2px;bottom:118px}.world-switch{margin-top:-28px}.world-switch button{padding:8px 10px;min-width:78px}.hero-description{font-size:15px;max-width:340px}.hero-actions{gap:19px}.jump-button{min-width:198px}.hero-footnote{font-size:11px}.ribbon-track{gap:25px}.ribbon-track i{font-size:35px}}
@media(max-width:700px){.hero-layout{display:flex;flex-direction:column;min-height:unset;padding-top:22px}.hero-copy{align-self:stretch;padding-block:14px 0}.hero-copy h1{font-size:clamp(65px,16vw,98px);line-height:.96;letter-spacing:-3px}.headline-outline{-webkit-text-stroke:1px #d3a4ff}.studio-note{margin-bottom:23px}.hero-description{font-size:15px;max-width:440px;margin-top:23px}.hero-actions{margin-top:24px;gap:22px}.jump-button{min-width:192px;gap:14px}.jump-button .icon:last-child{margin-left:0}.hero-footnote{display:flex;font-size:10px;line-height:1.5;margin-top:18px}.hero-footnote br{display:none}.hero-footnote>span:last-child{max-width:200px}.tiny-orbit{width:22px;height:22px}.hero-stage{max-width:450px;margin:0 auto;width:100%}.hero-art{height:433px}.portal{inset:49px 5px 72px 5px}.artifact-wrap{inset:70px 71px 111px 79px}.artifact-caption{bottom:30px;left:34px;right:7px;min-height:62px}.world-switch{margin-top:0;margin-bottom:19px}.world-switch button{min-width:89px}.orbit-caption{top:55px;right:4px;font-size:9px}.star-one{top:41px;left:10px;font-size:30px}.star-two{top:245px;right:1px}.star-three{bottom:80px;left:17px}.portal-shockwave{inset:49px 5px 72px}.hero-bottom{padding:5px 0 21px}.forge-ribbon{padding:16px 0 20px;margin-top:13px}.ribbon-track span{font-size:48px;letter-spacing:-2px}.ribbon-track{gap:22px}.ribbon-track i{font-size:29px}.motion-toggle{right:13px;bottom:13px;padding:9px 13px;font-size:10px;gap:7px}.hero-nebula{right:-450px}.motion-paused .artifact-wrap{transform:rotate(-9deg)!important}}
@media(max-width:380px){.hero-copy h1{font-size:65px;letter-spacing:-3.5px}.hero-actions{gap:16px}.jump-button{min-width:175px;gap:10px}.quiet-link{font-size:12px}.hero-art{height:375px}.portal{inset:38px 0 69px 0}.artifact-wrap{inset:59px 60px 107px 62px}.artifact-caption{left:16px;right:0;bottom:30px;min-height:60px}.world-switch{margin-top:-7px}.orbit-caption{top:41px;font-size:8px}.star-one{top:28px}.star-two{top:225px}.hero-description{font-size:14px}.hero-copy h1 .headline-line{max-width:none}}
@media(prefers-reduced-motion:reduce){.headline-line{opacity:1;transform:none;filter:none}.portal,.artifact-caption{transition:none}.project-art{transform:none!important}.hero.is-jumping .portal{scale:1;filter:none}.ribbon-track{transform:translateX(-95px)}.hero-product{will-change:auto}}
.hero.ambient-suspended .portal-rim,.hero.ambient-suspended .portal-inner,.hero.ambient-suspended .portal-inner:before,.hero.ambient-suspended .orbital-path,.hero.ambient-suspended .hero-product,.hero.ambient-suspended .star{animation-play-state:paused!important}
@media(max-width:360px){.hero-copy h1{font-size:60px;letter-spacing:-3px}}