.clarity-hero{position:relative;overflow:hidden;background:var(--brand-navy);color:var(--color-on-dark);margin-top:calc(-1 * (var(--header-h) + var(--hdr-gap)))}.clarity-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-content)}.clarity-hero__media img,.clarity-hero__media video{width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos, 50% 38%)}.clarity-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--hero-overlay, 1);background:linear-gradient(180deg,rgb(var(--color-foreground-rgb) / .28),rgb(var(--color-foreground-rgb) / .06) 30%,rgb(var(--color-foreground-rgb) / .42) 68%,rgb(var(--color-foreground-rgb) / .86))}.clarity-hero--empty .clarity-hero__media{background:linear-gradient(168deg,#1b3a6b,#0b1630)}.clarity-hero__inner{position:relative;z-index:var(--z-raised);width:100%;max-width:var(--container-max);margin-inline:auto;min-height:var(--hero-min-h, clamp(560px, 90vh, 900px));display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--header-h) + var(--hdr-gap) + clamp(48px,7vw,104px));padding-bottom:clamp(40px,5vw,72px);padding-inline:var(--page-gutter)}.clarity-hero__rating{display:flex;align-items:center;gap:var(--space-2xs);margin:0 0 clamp(18px,2vw,26px);font-size:var(--text-sm);color:#ffffffe6}.clarity-hero__stars{display:inline-flex;gap:2px}.clarity-hero__stars .c-ico{color:var(--color-accent);width:14px;height:14px}.clarity-hero__title{max-width:14ch;font-size:clamp(2.75rem,6.6vw,6rem)}.clarity-hero__title :is(strong,b){font-weight:var(--fw-bold);font-stretch:var(--fw-width-expanded)}.clarity-hero__sub{margin:clamp(16px,1.8vw,22px) 0 0;font-size:var(--text-lead);line-height:1.45;color:#ffffffd1;max-width:36ch}.clarity-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:clamp(26px,3vw,36px)}@media(prefers-reduced-motion:no-preference){.clarity-hero__media{opacity:0;animation:clarity-hero-fade 1.6s var(--clarity-ease) .05s forwards}.clarity-hero__rating,.clarity-hero__title,.clarity-hero__sub,.clarity-hero__cta{opacity:0;animation:clarity-hero-rise 1s var(--clarity-ease) forwards}.clarity-hero__rating{animation-delay:.4s}.clarity-hero__title{animation-delay:.5s}.clarity-hero__sub{animation-delay:.62s}.clarity-hero__cta{animation-delay:.74s}@keyframes clarity-hero-fade{to{opacity:1}}@keyframes clarity-hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/clarity-hero.css.map */