.hero{isolation:isolate;color:#fff;background:#121212;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#121212 88%);height:28vh;position:absolute;bottom:0;left:0;right:0}.hero-media{z-index:0;will-change:transform, opacity;position:absolute;inset:0}.hero-veil{z-index:2;pointer-events:none;background:#121212;position:absolute;inset:0}.hero-media-img{object-fit:cover;object-position:center 45%;animation:28s ease-in-out 2s infinite alternate hero-drift;transform:scale(1.04)}.hero-media-shade{pointer-events:none;background:radial-gradient(90% 70% at 50% 42%,#0000 0%,#12121238 72%,#12121280 100%),linear-gradient(#12121261 0%,#12121214 34%,#1212122e 58%,#121212b8 82%,#121212 100%);position:absolute;inset:0}.hero-media-grain{opacity:.22;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.hero-center{z-index:3;width:min(920px,100% - 48px);padding:calc(var(--nav-height) + 24px) 0 64px;text-align:center;margin:0 auto;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.035em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(1.75rem,4.6vw,3.25rem);font-weight:500;line-height:1.18}.hero-title-line{display:block}@keyframes hero-drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.08)translateY(-1.2%)}}@media (max-width:640px){.hero-center{width:min(100%,100% - 32px);padding:calc(var(--nav-height) + 36px + env(safe-area-inset-top,0px)) 0 48px}.hero-title{letter-spacing:-.03em;font-size:clamp(1.5rem,7.2vw,2rem);line-height:1.22}.hero-media-img{object-position:center 62%}}@media (prefers-reduced-motion:reduce){.hero-media-img{animation:none;transform:scale(1.04)}.nav--overlay{animation:none}.hero *{transition:none!important;animation:none!important}}
