.hero{background:var(--color-background);color:var(--color-text)}.hero__inner{display:grid}.hero__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:var(--color-surface)}.hero__image,.hero__placeholder{width:100%;height:100%;object-fit:cover}.hero__content{padding-block:var(--space-xl) var(--space-2xl)}.hero__text{display:grid;gap:var(--space-m);justify-items:start;max-width:34rem}.hero__eyebrow{color:var(--color-accent)}.hero__title{font-size:clamp(2.5rem,1.6rem + 3.4vw,4.75rem);overflow-wrap:break-word}.hero--immersive .hero__title{font-size:var(--text-display)}.hero__description{color:var(--color-text-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-start:var(--space-2xs)}@media(min-width:48rem){.hero__media{aspect-ratio:16 / 10}}@media(min-width:64rem){.hero--split .hero__inner,.hero--split-reverse .hero__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(46rem,calc(100svh - var(--header-height) - 2.5rem))}.hero--split .hero__media,.hero--split-reverse .hero__media{grid-column:2;grid-row:1;aspect-ratio:auto}.hero--split .hero__content,.hero--split-reverse .hero__content{grid-column:1;grid-row:1;align-self:center;width:auto;margin:0;padding-inline:max(var(--gutter),calc((100vw - var(--page-width)) / 2)) var(--space-xl)}.hero--split-reverse .hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hero--split-reverse .hero__media{grid-column:1}.hero--split-reverse .hero__content{grid-column:2;padding-inline:var(--space-xl) max(var(--gutter),calc((100vw - var(--page-width)) / 2))}}.hero--immersive .hero__inner{position:relative;min-height:min(44rem,calc(100svh - var(--header-height) - 2.5rem));align-items:end}.hero--immersive .hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.hero--immersive .hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(20 19 18 / var(--hero-overlay)),rgb(20 19 18 / calc(var(--hero-overlay) * .35)))}.hero--immersive .hero__content{position:relative;padding-block:var(--space-2xl)}.hero--immersive .hero__description,.hero--immersive .hero__eyebrow{color:inherit}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */