.scroll-media-hero{position:relative;color:var(--smh-text-color, #fff);background:#000;--smh-progress: 0;--smh-track-height: var(--smh-desktop-track, 280svh)}.scroll-media-hero__track{position:relative;height:var(--smh-track-height)}.scroll-media-hero__sticky{position:sticky;top:0;height:100svh;overflow:hidden}.scroll-media-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.scroll-media-hero__poster,.scroll-media-hero__poster img,.scroll-media-hero__video,.scroll-media-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scroll-media-hero__poster{z-index:0;margin:0;transition:opacity .22s ease}.scroll-media-hero__poster img{display:block;object-fit:cover}.scroll-media-hero__video{z-index:1;display:none;object-fit:cover;pointer-events:none;background:#000}.scroll-media-hero__overlay{z-index:2;background:rgba(0,0,0,var(--smh-overlay-opacity, .3));pointer-events:none}.scroll-media-hero__inner{position:relative;z-index:3;display:flex;height:100%;padding-top:var(--smh-vertical-padding, 48px);padding-bottom:var(--smh-vertical-padding, 48px)}.scroll-media-hero--left .scroll-media-hero__inner{align-items:flex-start;text-align:left}.scroll-media-hero--center .scroll-media-hero__inner{align-items:center;text-align:center}.scroll-media-hero--right .scroll-media-hero__inner{align-items:flex-end;text-align:right}.scroll-media-hero--top .scroll-media-hero__inner{justify-content:flex-start}.scroll-media-hero--middle .scroll-media-hero__inner{justify-content:center}.scroll-media-hero--bottom .scroll-media-hero__inner{justify-content:flex-end}.scroll-media-hero__content{width:100%;max-width:var(--smh-max-width, 760px);pointer-events:auto;transition:opacity .22s ease,transform .22s ease}.scroll-media-hero.is-text-animated .scroll-media-hero__content{opacity:calc(1 - (var(--smh-progress) * .28));transform:translate3d(0,calc(var(--smh-progress) * 24px),0)}.scroll-media-hero__eyebrow{margin:0 0 12px;font-size:.875rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;opacity:.95}.scroll-media-hero__heading{margin:0;font-size:clamp(2rem,calc(var(--smh-heading-size, 72px) * .35),var(--smh-heading-size, 72px));line-height:.95;letter-spacing:-.03em;text-wrap:balance}.scroll-media-hero__body{margin-top:18px;font-size:clamp(1rem,calc(var(--smh-body-size, 18px) * .6),var(--smh-body-size, 18px));line-height:1.45;max-width:52ch}.scroll-media-hero--center .scroll-media-hero__body{margin-left:auto;margin-right:auto}.scroll-media-hero--right .scroll-media-hero__body{margin-left:auto}.scroll-media-hero__body p{margin:0 0 12px}.scroll-media-hero__body p:last-child{margin-bottom:0}.scroll-media-hero__buttons{margin-top:24px}.scroll-media-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--smh-button-border, #fff);background:var(--smh-button-bg, #fff);color:var(--smh-button-text, #000);text-decoration:none;border-radius:999px;font-weight:600;line-height:1;transition:transform .18s ease,opacity .18s ease}.scroll-media-hero__button:hover{opacity:.92;transform:translateY(-1px)}.scroll-media-hero.is-mobile .scroll-media-hero__video--mobile{display:block}.scroll-media-hero.is-mobile .scroll-media-hero__video--desktop{display:none}.scroll-media-hero:not(.is-mobile) .scroll-media-hero__video--desktop{display:block}.scroll-media-hero:not(.is-mobile) .scroll-media-hero__video--mobile{display:none}.scroll-media-hero.is-video-ready .scroll-media-hero__poster{opacity:0;pointer-events:none}.scroll-media-hero.is-reduced-motion .scroll-media-hero__poster{opacity:1}.scroll-media-hero.is-reduced-motion .scroll-media-hero__video{display:none!important}@media screen and (max-width:767px){.scroll-media-hero__inner{padding-top:max(24px,var(--smh-vertical-padding, 48px));padding-bottom:max(24px,var(--smh-vertical-padding, 48px))}.scroll-media-hero__heading{line-height:.98}.scroll-media-hero__body{margin-top:14px;max-width:34ch}.scroll-media-hero__buttons{margin-top:18px}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/section-scroll-media-hero.css.map */