@layer components{.hero-banner{position:relative;overflow:hidden;background:var(--color-bg);min-height:var(--hero-h-mobile, 560px);display:flex;align-items:center;isolation:isolate}@media(min-width:750px){.hero-banner{min-height:var(--hero-h-desktop, 720px)}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__image,.hero-banner__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__image--poster{z-index:1}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(11,11,13,calc(var(--hero-overlay-alpha, .3) * .6)),rgba(11,11,13,var(--hero-overlay-alpha, .3)));z-index:2}.hero-banner__inner{position:relative;z-index:3;width:100%;padding-block:var(--space-12) var(--space-16)}.hero-banner__copy{max-width:640px;display:flex;flex-direction:column;gap:var(--space-4)}.hero-banner--centre .hero-banner__inner{display:flex;justify-content:center;text-align:center}.hero-banner--centre .hero-banner__copy{align-items:center;margin-inline:auto}.hero-banner__eyebrow{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0}.hero-banner__heading{font-size:clamp(2rem,5vw,var(--text-6xl));line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text);margin:0;view-transition-name:hero-headline;text-wrap:balance}.hero-banner__subtext{font-size:var(--text-lg);color:var(--color-text-muted);max-width:52ch}.hero-banner__subtext p{margin:0}.hero-banner__subtext p+p{margin-top:var(--space-2)}.hero-banner__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero-banner__cta{min-width:160px}.hero-banner__cta--primary{background:var(--color-cta);color:var(--color-cta-fg);border-color:var(--color-cta)}.hero-banner__cta--primary:hover{background:var(--color-cta-hover);border-color:var(--color-cta-hover)}.hero-banner__cta--secondary{background:#ffffff0f;color:var(--color-text);border-color:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-banner__cta--secondary:hover{background:#ffffff1f;border-color:var(--color-text)}@media(prefers-reduced-motion:reduce){.hero-banner__video{display:none}.hero-banner__image--poster{display:block}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-banner.css.map */