.hero{--hero-scrim: 4, 22, 26;--text-color: 252, 248, 243;--hero-inset: clamp(5rem, 11vh, 10rem);--hero-split: clamp(6rem, 14vh, 14rem);--hero-group: clamp(2.8rem, 5vh, 4rem);position:relative;height:clamp(54rem,86svh,78rem);width:100%;overflow:hidden;isolation:isolate}.hero__media{position:absolute;display:flex;height:100%;width:100%;z-index:1}.hero_image{width:0;height:100%;flex-grow:1;overflow:hidden}.hero_image img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal-x, 50%) center}.hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--hero-scrim),.15)}.hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--hero-split);padding:var(--hero-inset) 2.4rem;text-align:center;pointer-events:none}.hero__content>*,.hero__content_subsection{pointer-events:auto}.hero__content_subsection{display:flex;flex-direction:column;align-items:center;gap:var(--hero-group);color:rgb(var(--text-color));max-width:62rem}.hero__title{margin:0;font-family:var(--font-nav-family);font-style:var(--font-nav-style);font-size:clamp(3.8rem,8.5vw,7rem);font-weight:700;color:rgb(var(--text-color));text-transform:uppercase;letter-spacing:2px;text-wrap:balance;transform:scaleX(.8)}.hero__subtitle{max-width:70ch;margin:0;font-size:1.5rem;line-height:1.55;color:rgb(var(--text-color));text-wrap:pretty}.hero__button{position:relative}.hero__cta.button{--color-button: var(--text-color);--color-button-text: var(--color-foreground);gap:1rem;padding:0 2.5rem;font-family:var(--font-nav-family);text-transform:uppercase;white-space:nowrap}.hero__cta .icon-wrap{display:flex}.hero__cta .svg-wrapper{width:1.5rem;height:1.5rem}@media screen and (max-width:749px){.hero{height:clamp(50rem,82svh,64rem);--hero-inset: clamp(3.6rem, 7vh, 6rem);--hero-split: 4rem;--hero-group: 2.8rem}.hero__content{padding-left:2rem;padding-right:2rem}.hero_image{flex-grow:var(--hero-share, 1)}.hero__button{width:100%;max-width:32rem}.hero__cta.button{width:100%;padding:0 2rem;letter-spacing:.14em}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero.css.map */