.hn-about-hero{--hn-btn-focus: var(--hn-white);display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.hn-about-hero__media{position:relative;z-index:0;aspect-ratio:4 / 3}.hn-about-hero__media:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(to top,rgba(var(--hn-brand-rgb),1),rgba(var(--hn-brand-rgb),.55) 45%,rgba(var(--hn-brand-rgb),0));pointer-events:none}.hn-about-hero__picture,.hn-about-hero__image{display:block;width:100%;height:100%}.hn-about-hero__image{object-fit:cover;object-position:center}.hn-about-hero__caption{position:absolute;top:var(--hn-space-4);right:var(--hn-space-4);z-index:2;display:inline-flex;align-items:center;gap:var(--hn-space-2);max-width:calc(100% - var(--hn-space-7));margin:0;padding:var(--hn-space-2) var(--hn-space-3);border-radius:var(--hn-radius-pill);background:rgba(var(--hn-brand-rgb),.88);box-shadow:var(--hn-shadow-md);font-size:var(--hn-micro);font-weight:var(--hn-semibold);line-height:1.2;letter-spacing:var(--hn-ls-label);text-transform:uppercase;color:var(--hn-white)}.hn-about-hero__caption:before{content:"";flex:0 0 auto;width:.6rem;height:.6rem;border-radius:50%;background:var(--hn-brand-tint)}.hn-about-hero__inner{position:relative;z-index:1;margin-top:calc(var(--hn-space-8) * -1);padding:0 var(--hn-section-px) var(--hn-space-8)}.hn-about-hero--no-image .hn-about-hero__inner{margin-top:0;padding-top:var(--hn-space-10)}.hn-about-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hn-space-4);max-width:60rem}.hn-about-hero__content>*{margin:0}.hn-about-hero__eyebrow{color:var(--hn-brand-tint)}.hn-about-hero__heading{font-size:var(--hn-display-hero);color:var(--hn-white)}.hn-about-hero__heading-line{display:block}.hn-about-hero__heading-line--accent{color:var(--hn-brand-tint)}.hn-about-hero__subhead{max-width:48rem;font-size:var(--hn-body-lg);line-height:1.6;color:var(--hn-gray-200)}.hn-about-hero__byline{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--hn-space-2);padding-top:var(--hn-space-3);border-top:1px solid var(--hn-border-strong)}.hn-about-hero__byline-prefix{font-size:var(--hn-micro);font-weight:var(--hn-semibold);letter-spacing:var(--hn-ls-label);text-transform:uppercase;color:var(--hn-gray-200)}.hn-about-hero__byline-names{font-size:var(--hn-body-md);font-weight:var(--hn-bold);line-height:1.3;color:var(--hn-white)}.hn-about-hero__stats{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;margin-top:var(--hn-space-2);padding:var(--hn-space-5) 0 0;border-top:1px solid var(--hn-border-strong);list-style:none}.hn-about-hero__stat{display:flex;flex-direction:column;gap:var(--hn-space-1);min-width:0;padding:0 var(--hn-space-3)}.hn-about-hero__stat:first-child{padding-left:0}.hn-about-hero__stat+.hn-about-hero__stat{border-left:1px solid var(--hn-border-strong)}.hn-about-hero__stat-value{font-size:var(--hn-heading-md);font-weight:var(--hn-bold);line-height:var(--hn-heading-lh);letter-spacing:var(--hn-ls-display);white-space:nowrap;color:var(--hn-white)}.hn-about-hero__stat-label{font-size:var(--hn-micro);font-weight:var(--hn-semibold);line-height:1.35;letter-spacing:var(--hn-ls-label);text-transform:uppercase;color:var(--hn-gray-200);overflow-wrap:anywhere}@media screen and (min-width:750px){.hn-about-hero__media{aspect-ratio:2 / 1}.hn-about-hero__inner{margin-top:calc(var(--hn-space-10) * -1);padding-bottom:var(--hn-space-9)}.hn-about-hero__subhead{font-size:var(--hn-body-xl)}.hn-about-hero__caption{top:var(--hn-space-6);right:var(--hn-space-6)}.hn-about-hero__stats{width:auto;grid-auto-columns:auto;justify-content:start}.hn-about-hero__stat{padding:0 var(--hn-space-7)}.hn-about-hero__stat-value{font-size:var(--hn-heading-lg)}}@media screen and (min-width:990px){.hn-about-hero{justify-content:center;min-height:clamp(54rem,74vh,76rem);min-height:clamp(54rem,74svh,76rem)}.hn-about-hero--no-image{min-height:0}.hn-about-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.hn-about-hero--focus-left .hn-about-hero__image{object-position:0% center}.hn-about-hero--focus-right .hn-about-hero__image{object-position:100% center}.hn-about-hero__media:after{top:0;right:0;bottom:0;left:0;height:auto;background:linear-gradient(to right,rgba(var(--hn-brand-rgb),.9),rgba(var(--hn-brand-rgb),.8) 28%,rgba(var(--hn-brand-rgb),.58) 48%,rgba(var(--hn-brand-rgb),.15) 66%,rgba(var(--hn-brand-rgb),0) 80%)}.hn-about-hero__caption{top:auto;bottom:var(--hn-space-6)}.hn-about-hero__inner{margin-top:0;padding:var(--hn-space-10) var(--hn-section-px)}.hn-about-hero__content{gap:var(--hn-space-5)}}.hn-about-hero__intro{display:grid;gap:var(--hn-space-6);margin-bottom:var(--hn-space-8)}.hn-about-hero__lead,.hn-about-hero__details{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hn-space-4)}.hn-about-hero__lead>*,.hn-about-hero__details>*{margin:0}.hn-about-hero--editorial .hn-about-hero__eyebrow{color:var(--hn-brand)}.hn-about-hero--editorial .hn-about-hero__heading{color:var(--hn-ink)}.hn-about-hero--editorial .hn-about-hero__heading-line--accent{color:var(--hn-brand)}.hn-about-hero--editorial .hn-about-hero__subhead{max-width:46rem;color:var(--hn-ink-muted)}.hn-about-hero--editorial .hn-about-hero__stats{margin-top:var(--hn-space-2);border-top-color:var(--hn-border)}.hn-about-hero--editorial .hn-about-hero__stat+.hn-about-hero__stat{border-left-color:var(--hn-border)}.hn-about-hero--editorial .hn-about-hero__stat-value{color:var(--hn-brand)}.hn-about-hero--editorial .hn-about-hero__stat-label{color:var(--hn-ink-subtle)}.hn-about-hero--editorial .hn-about-hero__byline{border-top-color:var(--hn-border)}.hn-about-hero--editorial .hn-about-hero__byline-prefix{color:var(--hn-ink-subtle)}.hn-about-hero--editorial .hn-about-hero__byline-names{color:var(--hn-ink)}.hn-about-hero__frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--hn-radius-xl);box-shadow:var(--hn-shadow-lg);background:var(--hn-surface-blush)}.hn-about-hero__frame .hn-about-hero__picture,.hn-about-hero__frame .hn-about-hero__image{width:100%;height:100%}.hn-about-hero__frame .hn-about-hero__image{object-fit:cover;object-position:center 30%}@media screen and (min-width:750px){.hn-about-hero__frame{aspect-ratio:21 / 9}}@media screen and (min-width:990px){.hn-about-hero__intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:var(--hn-space-9)}.hn-about-hero__details .hn-about-hero__stats{margin-top:var(--hn-space-3)}}.hn-about-hero__lead>*,.hn-about-hero__details>*{animation:hn-about-hero-rise .6s var(--hn-ease) both}.hn-about-hero__details>*{animation-delay:.16s}@keyframes hn-about-hero-rise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.hn-about-hero__content>*{animation:hn-about-hero-rise .6s var(--hn-ease) both}.hn-about-hero__content>:nth-child(2){animation-delay:80ms}.hn-about-hero__content>:nth-child(3){animation-delay:.16s}.hn-about-hero__content>:nth-child(4){animation-delay:.24s}.hn-about-hero__content>:nth-child(5){animation-delay:.32s}@media(prefers-reduced-motion:reduce){.hn-about-hero__content>*,.hn-about-hero__lead>*,.hn-about-hero__details>*{animation:none}}@media(forced-colors:active){.hn-about-hero__media:after{display:none}.hn-about-hero__inner{background:Canvas}.hn-about-hero__caption{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hn-about-hero.css.map */