.canvas-stage{position:relative;z-index:1;height:600vh;margin-top:-3.5rem}.canvas-sticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.hero{position:absolute;inset:0;height:100%;justify-content:flex-end;padding:0 2rem calc(100vh / 3);background:transparent;color:var(--color-fg);overflow-x:hidden;will-change:opacity,transform}.hero,.hero-inner{width:100%;display:flex;flex-direction:column;align-items:flex-start;z-index:1}.hero-inner{position:relative;max-width:1400px;text-align:left;gap:.2rem;animation:fadeIn 1.2s ease-out}.hero-inner:before{content:"";position:absolute;inset:-2.5rem -4rem -2.5rem -1.5rem;background-image:var(--grid-bg-image);background-size:var(--grid-size) var(--grid-size);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);pointer-events:none;z-index:-1}.hero-headline{font-family:var(--font-heading);font-size:clamp(1.75rem,4.5vw,3.25rem);line-height:1;text-transform:uppercase;font-weight:400;color:var(--color-fg);white-space:nowrap}.hero-headline,.hero-subtext{letter-spacing:.04em;margin:0}.hero-subtext{font-family:var(--font-body);font-size:clamp(.7rem,1.4vw,.85rem);line-height:1.3;color:var(--color-fg-muted-45);max-width:28rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.hero{padding:0 1.25rem calc(100vh / 3)}.hero-inner{gap:.15rem}.hero-headline{font-size:clamp(1.35rem,6.5vw,1.75rem);letter-spacing:.03em}.hero-subtext{font-size:.65rem;max-width:18rem}}