.hero-scroll-container{height:calc(var(--hero-vh,100svh) * 1.5);width:100%;position:relative}.hero{top:var(--topbar-h,52px);width:100%;max-width:460px;height:calc(var(--hero-vh,100dvh) - var(--topbar-h,52px));margin:0 auto;position:sticky;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:12;background:radial-gradient(110% 95% at 50% 45%,#0000 45%,#32230f1a 75%,#32230f38 100%);position:absolute;inset:0}.hero-bg,.hero-figures,.hero-labels,.hero-copy{opacity:0;position:absolute;inset:0}.hero-bg{z-index:1}.hero-bg>.hero-bg-inner{opacity:0;position:absolute;inset:0}.hero-bg>.hero-bg-inner img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hero-figures{z-index:2;opacity:0}.hero-figures>.hero-figures-inner{opacity:0;position:absolute;inset:0}.hero-figures>.hero-figures-inner svg{filter:saturate(.96)sepia(.05);width:100%;height:100%;display:block}.hero-labels{z-index:3;pointer-events:none}.hero-copy{z-index:4;text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:clamp(64px,11%,108px);display:flex}.hero-copy>.hero-copy-inner{flex-direction:column;align-items:center;gap:0;width:100%;padding:0 6%;display:flex}.hero-label{transform:translate(-50%, -50%) rotate(var(--rot,0deg));font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;color:#050505;white-space:nowrap;opacity:0;background:#faf3ed;border:2.5px solid #050505;padding:7px 15px 8px;font-size:clamp(13px,3.8vw,18px);font-weight:700;line-height:1.1;position:absolute;box-shadow:3px 3px #050505}.slogan-top{font-family:var(--font-jetbrains,ui-monospace, monospace);letter-spacing:.28em;text-transform:uppercase;color:#faf3ed;opacity:0;text-shadow:0 1px 4px #0000004d;margin:0 0 10px;font-size:clamp(10px,2.8vw,12px);font-weight:500;line-height:1.25}.slogan-bottom{font-family:var(--font-fraunces,Georgia, serif);font-variation-settings:"opsz" 144, "wght" 900;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;color:#faf3ed;-webkit-text-stroke:2.5px #050505;paint-order:stroke fill;filter:drop-shadow(6px 6px #050505);opacity:0;clip-path:inset(0 100% 0 0);margin:0;font-size:clamp(44px,14vw,70px);font-weight:900;line-height:.88;transform:rotate(-2.5deg)}.hero-subtitle{font-family:var(--body);letter-spacing:0;text-transform:none;color:#faf3ede0;opacity:0;text-shadow:0 1px 6px #00000080;max-width:32ch;margin:24px 0 0;font-size:clamp(14px,3.6vw,16px);font-style:normal;font-weight:450;line-height:1.45}#woman-eye-outer,#woman-eyelid,#man-eye-outer,#man-eyelid,#fig-woman,#fig-man,#woman-arm-right,#man-arm{transform-box:fill-box;transform-origin:50%}#woman-arm-right{transform-origin:top;animation:5s ease-in-out infinite heroArmW}#man-arm{transform-origin:top;animation:6.2s ease-in-out infinite heroArmM}@keyframes heroArmW{0%,to{transform:rotate(0)}50%{transform:rotate(-1deg)}}@keyframes heroArmM{0%,to{transform:rotate(0)}50%{transform:rotate(.8deg)}}.hero.is-in .hero-bg,.hero.is-in .hero-figures,.hero.is-in .hero-labels,.hero.is-in .hero-copy{opacity:1}.hero.is-in .hero-bg>.hero-bg-inner{animation:heroBgIn .6s var(--ease-out,ease-out) both}@keyframes heroBgIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.hero.is-in .hero-figures>.hero-figures-inner{animation:heroFigIn .56s var(--ease-fall) .12s both}@keyframes heroFigIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero.is-in .slogan-bottom{animation:heroHeadIn .46s var(--ease-strike) .34s both}@keyframes heroHeadIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:rotate(-2.5deg)}to{opacity:1;clip-path:inset(0 0% 0 0);transform:rotate(-2.5deg)}}.hero.is-in .slogan-top,.hero.is-in .hero-subtitle{animation:heroFadeUp .42s var(--ease-out,ease-out) .22s both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero.is-in .hero-label{animation:heroLabelIn .6s var(--ease-punch) calc(.7s + var(--i,0) * 90ms) both}@keyframes heroLabelIn{0%{opacity:0;transform:translate(-50%, -50%) scale(.8) rotate(var(--rot,0deg))}60%{opacity:1;transform:translate(-50%, -50%) scale(1.04) rotate(var(--rot,0deg))}to{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(var(--rot,0deg))}}.hero-label{overflow:visible}.hero-label .strike{transform-origin:0;z-index:1;pointer-events:none;background:#ef476f;height:4px;margin-top:-2px;position:absolute;top:50%;left:-6px;right:-6px;transform:scaleX(0);box-shadow:0 0 0 1px #050505}.hero-label.struck .strike{animation:heroStrikeIn .38s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) forwards}@keyframes heroStrikeIn{to{transform:scaleX(1)}}.hero-label.fall{animation:.7s cubic-bezier(.5,0,.7,1) forwards heroLabelFall!important}@keyframes heroLabelFall{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(1)}20%{transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(1.04)}to{opacity:0;transform:translate(-50%, -50%) translate(40px, 140px) rotate(calc(var(--rot,0deg) + 36deg)) scale(.85)}}.emergent-cta{transform:translate(-50%, -50%) translateY(calc((var(--cta-progress,0) - 1) * 22vh)) scale(calc(.25 + var(--cta-progress,0) * .75));opacity:var(--cta-progress,0);z-index:20;pointer-events:none;will-change:transform, opacity;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:92%;left:50%}.emergent-cta.ready{pointer-events:auto}.cta-stamp{color:#faf3ed;white-space:nowrap;font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), box-shadow .16s var(--ease-out,cubic-bezier(.23, 1, .32, 1));background:#ef476f;border:2px solid #faf3ed;align-items:center;gap:8px;padding:14px 26px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:5px 5px #faf3ed}@media (hover:hover) and (pointer:fine){.cta-stamp:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #faf3ed}}.cta-stamp:active{transform:scale(.97);box-shadow:3px 3px #faf3ed}.hero #woman-eye-outer,.hero #man-eye-outer,.hero #woman-eyelid,.hero #man-eyelid{animation:none!important}@media (prefers-reduced-motion:reduce){#fig-woman,#fig-man,#woman-arm-right,#man-arm,#woman-eye-outer,#man-eye-outer,#woman-eyelid,#man-eyelid{animation:none!important;transform:translate(0,0)!important}.hero.is-in .hero-bg>.hero-bg-inner{animation:.4s both heroFadeOnly}.hero.is-in .hero-figures>.hero-figures-inner{animation:.4s .12s both heroFadeOnly}.hero.is-in .slogan-bottom{clip-path:none;animation:.36s .34s both heroFadeOnly}.hero.is-in .slogan-top,.hero.is-in .hero-subtitle{animation:.36s .22s both heroFadeOnly}.hero.is-in .hero-label{opacity:0!important;animation:none!important}@keyframes heroFadeOnly{0%{opacity:0}to{opacity:1}}.hero-label.struck .strike{animation:none;transform:scaleX(1)}.hero-label.fall{opacity:0;animation:none!important}.emergent-cta{--cta-progress:1;pointer-events:auto!important}}
