.hero-section{position:relative;z-index:var(--z-hero);clip-path:inset(0)}.hero{position:relative;width:100%}.hero__spacer{display:block;width:100%;aspect-ratio:var(--hero-ratio-mobile, 2000 / 2667)}.hero--screen-mobile .hero__spacer{aspect-ratio:auto;height:100svh}.hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--color-pill)}.hero--fixed .hero__stage{position:fixed;top:0;left:0;width:100%;height:auto;aspect-ratio:var(--hero-ratio-mobile, 2000 / 2667)}.hero--fixed.hero--screen-mobile .hero__stage{aspect-ratio:auto;height:100svh}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}.hero__slide.is-active{opacity:1;pointer-events:auto;z-index:1}.hero__link{display:block;width:100%;height:100%}.hero__image{width:100%;height:100%;object-fit:cover;display:block;max-width:none}.hero__placeholder{background:var(--color-pill)}.hero__placeholder svg{width:100%;height:100%;object-fit:cover}.hero__image--mobile{display:block}.hero__image--desktop{display:none}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--hero-overlay-opacity, 0);pointer-events:none;z-index:1}.hero__nav{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none;z-index:2}.hero__btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--hero-text-color, #fff);pointer-events:auto;opacity:0;transition:opacity .2s ease}.hero__btn:before{content:"";position:absolute;top:-40px;right:-10px;bottom:-40px;left:-10px}.hero__btn span{font-size:30px;line-height:1}.hero:hover .hero__btn,.hero__btn:focus-visible{opacity:1}.hero__overlay{position:absolute;bottom:80px;left:var(--page-margin);right:var(--page-margin);display:grid;z-index:2;pointer-events:none;color:var(--hero-text-color, #fff)}.hero__overlay--center{top:0;bottom:0;align-content:center;text-align:center}.hero__overlay--bottom-center{text-align:center}.hero__overlay-content{grid-area:1 / 1;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.hero__overlay-content.is-active{opacity:1;transform:translateY(0)}.hero__overlay--center .hero__overlay-content,.hero__overlay--bottom-center .hero__overlay-content{align-items:center}.hero__subtext{font-family:var(--font-sans);font-size:var(--type-meta);font-weight:500;line-height:15px;letter-spacing:var(--tracking-tight);text-transform:uppercase;color:inherit}.hero__heading-row{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.hero__overlay--center .hero__heading-row,.hero__overlay--bottom-center .hero__heading-row{align-items:center}.hero__heading{margin:0;color:inherit;text-transform:uppercase;flex:1 1 auto;min-width:0}.hero__button{pointer-events:auto;background:var(--hero-text-color, #fff);border-color:var(--hero-text-color, #fff);color:var(--color-text)}.hero__button:hover{background:color-mix(in srgb,var(--hero-text-color, #fff) 85%,transparent)}.hero__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;z-index:3}.hero__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:#fff6;flex-shrink:0;overflow:hidden;transition:background .16s ease,transform .16s ease}.hero__dot.is-active{background:#fff;transform:scale(1.05)}@media(min-width:768px){.hero__spacer,.hero--fixed .hero__stage{aspect-ratio:var(--hero-ratio-desktop, 4096 / 2123)}.hero--screen-desktop .hero__spacer,.hero--fixed.hero--screen-desktop .hero__stage{aspect-ratio:auto;height:100svh}.hero__image--mobile{display:none}.hero__image--desktop{display:block}.hero__nav{padding:0 24px}.hero__heading-row{flex-direction:row;flex-wrap:nowrap;align-items:flex-end;justify-content:space-between;gap:24px}.hero__overlay--center .hero__heading-row,.hero__overlay--bottom-center .hero__heading-row{flex-direction:column;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hero.css.map */