@layer sections{.hero{position:relative;display:grid;isolation:isolate}.hero__media{position:relative;overflow:hidden;background-color:var(--media-placeholder)}.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover;object-position:var(--media-position, center)}.hero__media svg{width:100%;height:100%}.hero--no-media .hero__media{background-color:var(--surface-alt)}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--scrim-direction, to top),rgb(10 10 12 / var(--scrim-strength, .5)) 0%,rgb(10 10 12 / calc(var(--scrim-strength, .5) * .36)) 38%,rgb(10 10 12 / 0) 72%)}.hero__content>*{animation:hero-enter var(--duration-editorial) var(--ease-out) both}.hero__content>:nth-child(2){animation-delay:70ms}.hero__content>:nth-child(3){animation-delay:.14s}.hero__content>:nth-child(4){animation-delay:.21s}@keyframes hero-enter{0%{transform:translate3d(0,.85rem,0)}to{transform:none}}@media(prefers-reduced-motion:reduce){.hero__content>*{animation:none}}.hero__content{display:flex;flex-direction:column;gap:var(--space-sm);max-width:var(--hero-measure, 38rem)}.hero__heading{text-wrap:balance}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs);padding-block-start:var(--space-2xs)}.hero--editorial{min-height:var(--hero-height, 80svh)}.hero--editorial .hero__media{grid-area:1 / 1}.hero--editorial .hero__inner{grid-area:1 / 1;z-index:1;display:grid;align-items:var(--content-block, end);justify-items:var(--content-inline, start);padding-block:var(--space-2xl)}.hero--split{gap:0}.hero--split .hero__media{aspect-ratio:4 / 5}@media(min-width:990px){.hero--split{grid-template-columns:var(--split-columns, 7fr 5fr);min-height:var(--hero-height, 78svh);align-items:stretch}.hero--split .hero__media{aspect-ratio:auto;height:100%}.hero--split.hero--media-right .hero__media{order:2}.hero--split .hero__inner{display:grid;align-content:center;padding:var(--space-2xl) var(--page-gutter)}}.hero--split .hero__inner{padding:var(--space-xl) var(--page-gutter);background-color:var(--background)}.hero--canvas{padding-block:var(--space-2xl) 0;text-align:start}.hero--canvas .hero__inner{display:grid;justify-items:var(--content-inline, start);gap:var(--space-lg)}.hero--canvas .hero__heading{max-width:18ch;letter-spacing:var(--tracking-display)}.hero--canvas .hero__media{width:100%;max-width:62rem;justify-self:center;background-color:transparent;border-radius:var(--radius-media)}.hero--canvas .hero__media img{object-fit:contain}.hero__cue{position:absolute;inset-block-end:var(--space-md);inset-inline-start:50%;transform:translate(-50%);z-index:1;display:grid;place-items:center;color:inherit;opacity:.7;animation:hero-cue 2.6s var(--ease-in-out) infinite}@keyframes hero-cue{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,.35rem)}}@media(prefers-reduced-motion:reduce){.hero__cue{animation:none}}.hero--on-media{color:rgb(var(--on-media))}.hero--on-media .text-muted{color:rgb(var(--on-media) / .78)}}@layer sections{.statement{display:grid;gap:var(--space-lg)}.statement__body{max-width:22ch;text-wrap:balance}.statement__meta{display:grid;gap:var(--space-2xs);align-content:start;padding-block-start:var(--space-2xs);border-block-start:var(--rule-strong)}@media(min-width:990px){.statement{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--space-3xl);align-items:start}.statement__body{max-width:20ch}}}@layer sections{.spotlight{display:grid;gap:var(--space-lg);align-items:center}@media(min-width:990px){.spotlight{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-3xl)}.spotlight--reverse>:first-child{order:2}}.spotlight__media{border-radius:var(--radius-media);overflow:hidden}.spotlight__body{display:grid;gap:var(--space-sm)}.spotlight__facts{display:grid;gap:0;padding-block-start:var(--space-2xs)}.spotlight__fact{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-2xs);border-block-end:var(--rule)}.spotlight__fact-label{color:var(--text-muted);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}}@layer sections{.newsletter-section{display:grid;gap:var(--space-lg)}@media(min-width:990px){.newsletter-section{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-3xl);align-items:end}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */