.hero{position:relative;min-height:100svh;padding:9rem var(--gutter) 3rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 76% 48%,#70243e 0,#3a1727 27%,var(--ink) 62%)}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.hero-orbit{position:absolute;z-index:-1;width:58vw;height:58vw;right:-6vw;top:8vh;border:1px solid rgb(255 120 53 / 22%);border-radius:50%;transform:translate(calc(var(--pointer-x)*-10px),calc(var(--pointer-y)*-10px))}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgb(255 120 53 / 16%);border-radius:50%}.hero-orbit:after{inset:27%}.hero-eyebrow{grid-column:1/-1;margin:0;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-muted)}.hero-eyebrow span{margin-left:2rem;color:var(--ember)}.hero h1{z-index:3;align-self:center;grid-column:1/-1;margin:0;font:400 clamp(4rem,10.7vw,10.8rem)/.8 var(--display);letter-spacing:-.075em;text-transform:uppercase}.hero h1 span{display:inline-block;color:transparent;-webkit-text-stroke:1.5px var(--bone);transform:translateX(11vw)}.hero-copy{z-index:4;align-self:end;max-width:22rem}.hero-copy p{font-size:clamp(.9rem,1.4vw,1.15rem);line-height:1.45;color:var(--bone-muted)}.hero-copy a{display:inline-flex;gap:2rem;align-items:center;margin-top:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bone);text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}.hero-copy a span{color:var(--ember)}.hero-character{position:absolute;right:2vw;bottom:-3vh;width:min(52vw,760px);z-index:2;transform:translate(calc(var(--pointer-x)*14px),calc(var(--pointer-y)*8px + var(--hero-progress)*55px));transition:transform .1s linear}.hero-panda{position:relative;z-index:2;width:100%;max-height:87vh;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 36px 28px rgb(0 0 0 / 35%))}.panda-aura{position:absolute;z-index:0;width:65%;aspect-ratio:1;right:12%;top:18%;border-radius:50%;background:var(--ember);filter:blur(55px);opacity:calc(.26 - var(--hero-progress)*.14);transform:translate(calc(var(--pointer-x)*-18px),calc(var(--pointer-y)*-13px))}.director-tag{position:absolute;z-index:4;right:6%;top:44%;background:var(--acid);color:var(--ink);padding:.5rem .7rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;transform:rotate(4deg)}.hero-index{justify-self:end;align-self:end;font:400 clamp(2rem,4vw,4rem) var(--display);color:var(--ember)}.hero-index span{font:500 .65rem var(--body);color:var(--bone-muted)}@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:850px;padding-top:8rem;background:radial-gradient(circle at 60% 48%,#6c223d 0,#311421 38%,var(--ink) 72%)}.hero h1{align-self:start;margin-top:3.2rem;font-size:clamp(3.55rem,18vw,6rem)}.hero h1 span{transform:none}.hero-character{width:105vw;right:-25vw;bottom:4rem}.hero-copy{z-index:5;max-width:15rem}.hero-index{display:none}.director-tag{right:18%;top:36%}.hero-orbit{width:110vw;height:110vw;right:-44vw;top:25vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-character,.hero-depth-layer{transition:none!important;transform:none!important}}
@media(max-width:700px){.director-tag{right:auto;left:38%;white-space:nowrap}}

/* Trailer motion layer */
.ember-field{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.78}
.hero-line{display:inline-block!important;color:inherit!important;-webkit-text-stroke:0!important;transform:none!important;white-space:nowrap}
.hero-outline{color:transparent!important;-webkit-text-stroke:1.5px var(--bone)!important;transform:translateX(11vw)!important}
.hero-fragment{display:inline-block;color:inherit;-webkit-text-stroke:inherit;transform:translateY(1em) rotate(4deg);opacity:0;filter:blur(10px);transition:transform 1.05s var(--ease-out),opacity .65s ease,filter .8s ease}
.hero-fragment:nth-child(2){transition-delay:.09s}
.hero-line:not(.hero-outline) .hero-fragment{color:var(--bone)!important;-webkit-text-stroke:0!important}
.scene-ready .hero-fragment{transform:translateY(0) rotate(0);opacity:1;filter:blur(0)}
.scene-ready .hero-character{animation:panda-enter 1.2s .12s var(--ease-out) both}
.scene-ready .hero-eyebrow,.scene-ready .hero-copy,.scene-ready .hero-index{animation:soft-enter .8s .35s var(--ease-out) both}
.hero-outline .hero-fragment{transform:translate(calc(var(--headline-shift) * 2.5rem),calc(var(--headline-shift) * -1.7rem)) rotate(calc(var(--headline-shift) * 3deg));opacity:calc(1 - var(--headline-shift) * .88);filter:blur(calc(var(--headline-shift) * 5px))}
@keyframes panda-enter{from{opacity:0;transform:translate(5rem,3rem) scale(.92);filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@keyframes soft-enter{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.hero-line{white-space:normal}.hero-line .hero-fragment{display:block}.hero-outline{transform:none!important}.ember-field{opacity:.58}}
@media(prefers-reduced-motion:reduce){.ember-field{display:none}.hero-fragment,.scene-ready .hero-character,.scene-ready .hero-eyebrow,.scene-ready .hero-copy,.scene-ready .hero-index{animation:none!important;transition:none!important;opacity:1!important;filter:none!important;transform:none!important}.hero-outline{transform:none!important}}
.hero-eyebrow span{display:inline-block;white-space:nowrap}