.hn-hero{--hn-btn-focus: var(--hn-white);display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.hn-hero.hn-section--dark{background:var(--hn-brand)}.hn-hero__media{position:relative;z-index:0;aspect-ratio:4 / 3}.hn-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-hero__picture,.hn-hero__image{display:block;width:100%;height:100%}.hn-hero__image{object-fit:cover;object-position:center}.hn-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-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hn-space-4);max-width:60rem}.hn-hero__content>*{margin:0}.hn-hero__title{font-size:var(--hn-display-hero);line-height:1.05;color:var(--hn-white)}.hn-hero__subhead{font-size:var(--hn-body-lg);line-height:1.6;color:#ffffffeb;max-width:48rem}.hn-hero__rating{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--hn-space-2);color:#ffffffeb;text-decoration:none}.hn-hero__rating-stars{display:inline-flex;line-height:0}.hn-hero__rating-text{font-size:var(--hn-body);font-weight:var(--hn-medium);line-height:1.4}.hn-hero__rating-text strong{font-weight:var(--hn-bold);color:var(--hn-white)}.hn-hero__rating--link{border-radius:var(--hn-radius-xs)}.hn-hero__rating--link:hover .hn-hero__rating-text{text-decoration:underline;text-underline-offset:.3rem}.hn-hero__rating--link:focus-visible{outline:2px solid var(--hn-white);outline-offset:2px}.hn-hero__actions{align-items:stretch;width:100%;margin-top:var(--hn-space-2);gap:var(--hn-space-3)}@media screen and (min-width:750px){.hn-hero__subhead{font-size:var(--hn-body-xl)}.hn-hero__rating-text{font-size:var(--hn-body-md)}.hn-hero__media{aspect-ratio:2 / 1}.hn-hero__inner{margin-top:calc(var(--hn-space-10) * -1);padding-bottom:var(--hn-space-9)}.hn-hero__actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:auto;gap:var(--hn-space-4)}}@media screen and (min-width:990px){.hn-hero{justify-content:center;min-height:clamp(54rem,74vh,76rem);min-height:clamp(54rem,74svh,76rem)}.hn-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.hn-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-hero__inner{margin-top:0;padding:var(--hn-space-10) var(--hn-section-px)}.hn-hero__content{gap:var(--hn-space-5)}}@keyframes hn-hero-rise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.hn-hero__content>*{animation:hn-hero-rise .6s var(--hn-ease) both}.hn-hero__content>:nth-child(2){animation-delay:80ms}.hn-hero__content>:nth-child(3){animation-delay:.16s}.hn-hero__content>:nth-child(4){animation-delay:.24s}.hn-hero__content>:nth-child(5){animation-delay:.32s}@media(prefers-reduced-motion:reduce){.hn-hero__content>*{animation:none}}@media(forced-colors:active){.hn-hero__media:after{display:none}.hn-hero__inner{background:Canvas}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hn-hero.css.map */