.hero{--hero-copy-bottom:calc(var(--hero-ground) * .6 + var(--spacing-4))}.hero-copy{filter:drop-shadow(0 0 .25rem var(--color-ink)) drop-shadow(0 0 .75rem color-mix(in oklch, var(--color-ink) 95%, transparent)) drop-shadow(0 0 2rem color-mix(in oklch, var(--color-ink) 85%, transparent))}.hero-landscape{object-position:70% 45%}@media (width>=1024px){.hero-landscape{object-position:40% 45%}}@media (width>=1920px){.hero-landscape{object-position:40% 60%}}.hero-stack{top:calc(var(--hero-keep) - var(--hero-h));--hero-progress:0;--hero-in:clamp(0, (var(--hero-progress) - .75) / .25, 1);--hero-out:clamp(0, 1 - var(--hero-progress) / .25, 1);position:sticky}.hero-brand{max-width:calc(var(--hero-in) * var(--hero-brand-w,12rem));opacity:var(--hero-in);translate:0 calc((1 - var(--hero-in)) * .5rem);margin-inline-end:calc((1 - var(--hero-in)) * -1 * var(--spacing-5));display:block;overflow:hidden}.hero-brand>*{white-space:nowrap;display:inline-flex}.hero-stack .site-header-mobile{opacity:var(--hero-in);translate:0 calc((1 - var(--hero-in)) * .5rem)}.hero-stack[data-hero-phase=start] .hero-brand,.hero-stack[data-hero-phase=start] .site-header-mobile{visibility:hidden}.hero-hint{opacity:var(--hero-out)}.hero-stack[data-hero-phase=end] .hero-hint{visibility:hidden}@media (prefers-reduced-motion:no-preference){.hero-hint-arrow{animation:1.6s ease-in-out infinite hero-hint-bounce}}@keyframes hero-hint-bounce{0%,to{translate:0}50%{translate:0 .25rem}}.hero-ground{background-image:var(--hero-ground-tile);background-position:bottom;background-repeat:repeat-x;background-size:auto 100%}.hero-side{pointer-events:none}@media (prefers-reduced-motion:no-preference){.hero-side{animation:.6s ease-out both hero-side-in}}@keyframes hero-side-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}