.hero{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(760px,100vh - 64px);display:grid;position:relative}.hero-copy{justify-content:center;align-items:flex-start;gap:var(--space-5);padding:var(--space-7) clamp(1.25rem, 4vw, 4rem);flex-direction:column;justify-self:end;width:100%;max-width:640px;display:flex}.hero-copy .sub{font-size:var(--fs-lede);color:var(--body);max-width:30ch;line-height:1.45}.hero-actions{align-items:center;gap:var(--space-5);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero-media{min-height:420px;position:relative}.hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-copy>*{transition:opacity .45s var(--ease-out), transform .45s var(--ease-out)}.hero-copy>:nth-child(2){transition-delay:60ms}.hero-copy>:nth-child(3){transition-delay:.12s}.hero-copy>:nth-child(4){transition-delay:.18s}@starting-style{.hero-copy>*{opacity:0;transform:translateY(10px)}}.hero-media img{transition:opacity .5s var(--ease-out), transform .7s var(--ease-out)}@starting-style{.hero-media img{opacity:0;transform:scale(1.03)}}@media (width<=860px){.hero{grid-template-columns:1fr;min-height:0}.hero-media{aspect-ratio:3/2;order:-1;width:100%;max-width:min(100%,93svh);min-height:0;margin-inline:auto;position:relative}.hero-copy{max-width:none;padding-block:var(--space-4) var(--space-4);justify-self:stretch;gap:var(--space-3)}.hero-copy .sub{font-size:var(--fs-body);max-width:40ch}.hero-copy h1{font-size:2.3rem}.hero-actions{margin-top:var(--space-3)}.hero-media img{object-position:50% 26%}}@media (width<=560px) and (height>=600px){.hero{min-height:calc(100svh - var(--header-h));grid-template-rows:1fr}.hero-media{aspect-ratio:auto;order:0;grid-area:1/1;width:100%;max-width:none;height:100%;margin-inline:0}.hero-media img{object-position:50% 0}.hero-copy{z-index:1;padding:var(--space-7) clamp(1.25rem, 4vw, 4rem) var(--space-5);background:linear-gradient(to bottom, #fafaf900 0, #fafaf9b8 38%, var(--bg) 68%);grid-area:1/1;align-self:end}.hero-copy h1{font-size:clamp(1.8rem,.6rem + 6vw,2.4rem)}.hero .kicker-pill,.hero-copy .sub{display:none}.hero-copy>:nth-child(2){transition-delay:0s}.hero-copy>:nth-child(4){transition-delay:70ms}.hero-actions{margin-top:var(--space-2);gap:clamp(var(--space-3), -1.95rem + 12vw, var(--space-5));flex-wrap:nowrap}.hero-actions .btn{white-space:nowrap;padding-inline:1.3rem}.hero-actions .link-quiet{white-space:nowrap}}@media (width<=340px) and (height>=600px){.hero-actions .link-quiet{display:none}}
