/* Independent background, character and foreground layers retain clear artwork. */
#home{--hero-x:0px;--hero-y:0px;--hero-scroll:0;--hero-float:0px;isolation:isolate;background:#04100b;overflow:hidden}
#home .hero-scene{z-index:0;transform:translate3d(calc(var(--hero-x)*-.25),calc(var(--hero-y)*-.2 + var(--hero-scroll)*-12px),0);inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}
#home .hero-scene>img{object-position:center!important;opacity:1!important;filter:none!important}
.hero-character-layer{position:absolute;inset:44px 0 45px;z-index:1;pointer-events:none;translate:var(--hero-x) calc(var(--hero-y) + var(--hero-scroll)*-25px + var(--hero-float));will-change:translate}
.hero-character-layer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;max-width:none;filter:none!important;opacity:1!important}
.hero-zero-layer{position:absolute;left:2%;bottom:8%;width:clamp(130px,17vw,265px);height:auto;object-fit:contain;z-index:2;pointer-events:none;translate:calc(var(--hero-x)*1.5) calc(var(--hero-scroll)*-48px);filter:drop-shadow(0 14px 20px #0008)}
.hero-live-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 30%,#020b0855 52%,#020b08b5 100%),linear-gradient(0deg,#030d09e0,transparent 28%)}
#home #hero-effects{z-index:2;pointer-events:none}#home .hero-content{z-index:3;width:min(640px,46%);right:clamp(30px,5.5vw,100px);left:auto;top:50%;bottom:auto;transform:translateY(-40%);text-align:right}
#home h1{font-size:clamp(60px,6vw,104px);line-height:1.01;letter-spacing:-.018em;margin-block:24px;text-wrap:balance}
#home h1 .hero-born em{white-space:normal}#home .hero-lead{max-width:39ch;font-size:clamp(14px,1.1vw,17px)!important;line-height:1.8!important;color:#e0e8df}
#home .eyebrow{line-height:1.9;letter-spacing:.13em;font-size:9px;max-width:60ch;margin-left:auto}
#home .hero-actions{gap:12px;margin-top:26px}#home .hero-actions .action{min-height:50px;min-width:0;padding:16px 20px;border-radius:4px;font-size:9px}
#home .hero-actions .action:focus-visible{outline:2px solid #f3d68e;outline-offset:5px}
#home .hero-bottom{z-index:4;background:#04100b88;backdrop-filter:blur(8px)}
#home .hero-motion{top:104px;right:24px;z-index:5;min-height:44px;border-radius:20px;padding-inline:15px;background:#07170dd9}
#home .hero-content>*{animation:none!important}#home.hero-live-ready .hero-content>*{animation:hero-copy-arrive 1000ms cubic-bezier(.16,1,.3,1) both!important}
#home.hero-live-ready .hero-content .eyebrow{animation-delay:160ms!important}#home.hero-live-ready .hero-content h1{animation-delay:300ms!important}#home.hero-live-ready .hero-content .hero-lead{animation-delay:480ms!important}#home.hero-live-ready .hero-content .hero-actions{animation-delay:620ms!important}
@keyframes hero-copy-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){#home .hero-character-layer{right:8%}#home .hero-content{width:43%}}
@media(max-width:1000px) and (min-width:851px){#home h1{font-size:60px}#home .hero-content{width:47%;right:28px}#home .eyebrow{font-size:8px}}
@media(max-width:850px){#home{min-height:850px!important;height:100svh!important}#home .hero-character-layer{left:0;right:auto;top:80px;bottom:auto;width:140%;height:43svh;min-height:295px;max-height:430px}#home .hero-content{position:absolute!important;left:24px!important;right:24px!important;top:auto!important;bottom:162px!important;width:auto!important;transform:none!important;padding:0!important}#home h1{font-size:clamp(43px,7vw,65px);line-height:1.01;margin-block:18px}#home .hero-lead{max-width:43ch;font-size:14px!important;line-height:1.7!important}#home .eyebrow{font-size:7px;max-width:48ch}#home .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}#home .hero-actions .action{padding:15px 10px;font-size:8px;min-height:48px}#home .hero-zero-layer{width:clamp(100px,23vw,165px);left:3%;top:calc(80px + 32svh);bottom:auto}#home .hero-live-vignette{background:linear-gradient(0deg,#020c09f5 0%,#020c09e6 39%,#020c0930 62%,#020c0915)}#home .hero-motion{top:89px;right:18px;font-size:7px;padding:10px 12px}#home .hero-bottom{min-height:132px;padding-bottom:72px}}
@media(max-width:560px){#home{min-height:850px!important}#home .hero-character-layer{top:90px;height:330px;min-height:0;width:155%;left:-2%}#home h1{font-size:clamp(40px,10.5vw,59px)}#home .hero-content{left:22px!important;right:22px!important}#home .hero-zero-layer{top:340px;width:108px}#home .hero-actions{margin-top:20px}#home .hero-live-vignette{background:linear-gradient(0deg,#020c09fa 0%,#020c09ea 42%,#020c0920 67%)}}
@media(max-width:360px){#home h1{font-size:39px}#home .hero-content .eyebrow{font-size:6px}#home .hero-lead{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){#home.hero-live-ready .hero-content>*{animation:none!important}.hero-character-layer,.hero-zero-layer,#home .hero-scene{translate:none!important;transform:none!important}}
html[data-hero-animation=off] #home .hero-content>*{animation:none!important}html[data-hero-animation=off] #home .hero-character-layer,html[data-hero-animation=off] #home .hero-zero-layer{translate:none!important}

/* Keep the renderer host in the hero plane; the shared engine normally uses relative positioning. */
#home .hero-character-layer,#home .hero-character-layer.living-art-host{position:absolute!important;display:block!important;height:calc(100% - 89px);visibility:visible;opacity:1}
@media(max-width:850px){#home .hero-character-layer,#home .hero-character-layer.living-art-host{height:43svh;min-height:295px;max-height:430px}}
@media(max-width:560px){#home .hero-character-layer,#home .hero-character-layer.living-art-host{height:330px;min-height:0;max-height:none}}