.dtc-hero{position:relative;overflow:hidden;isolation:isolate}.dtc-hero__slide{position:relative;overflow:hidden}.dtc-hero .dtc__container{position:relative;z-index:2}.dtc-hero__rail{position:relative}.dtc-hero__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.dtc-hero__track::-webkit-scrollbar{display:none}.dtc-hero__track>.dtc-hero__slide{flex:0 0 100%;scroll-snap-align:start;min-width:0}.dtc-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#0d0d0d59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dtc-scheme--white .dtc-hero__arrow,.dtc-scheme--grey .dtc-hero__arrow{background:#fff9}.dtc-hero__arrow--prev{inset-inline-start:clamp(10px,2vw,26px)}.dtc-hero__arrow--next{inset-inline-end:clamp(10px,2vw,26px)}.dtc-hero__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:2px}.dtc-hero__dot{position:relative;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.dtc-hero__dot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--muted);opacity:.55;transition:opacity .2s ease,transform .2s ease,background .2s ease}.dtc-hero__dot.is-active:after{background:var(--dtc-yellow);opacity:1;transform:scale(1.25)}@media(max-width:749px){.dtc-hero__arrow{display:none!important}}.dtc-hero__grid{display:grid;grid-template-columns:1fr}.dtc-hero__content{padding-block:clamp(48px,8vw,104px);max-width:640px}.dtc-hero__lede{margin-top:20px}.dtc-hero__note{align-items:center;margin-top:24px}.dtc-hero--backdrop{min-height:480px}.dtc-hero--backdrop.dtc-hero--slider .dtc-hero__slide{display:flex;flex-direction:column}.dtc-hero--backdrop.dtc-hero--slider .dtc-hero__slide>.dtc__container{flex:1 1 auto;min-height:0;width:100%}.dtc-hero--backdrop.dtc-hero--slider .dtc-hero__grid{height:100%}.dtc-hero--backdrop.dtc-hero--slider .dtc-hero__content{display:flex;flex-direction:column;height:100%}.dtc-hero--backdrop.dtc-hero--slider .dtc-actions{margin-top:auto}.dtc-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.dtc-hero__backdrop img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:72% center}.dtc-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 30%,rgba(13,13,13,.55) 58%,rgba(13,13,13,.18) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 22%)}@media(max-width:959px){.dtc-hero--backdrop .dtc-hero__content{max-width:560px}.dtc-hero--backdrop .dtc-hero__shade{background:linear-gradient(90deg,var(--bg) 0%,rgba(13,13,13,.72) 55%,rgba(13,13,13,.45) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 25%)}}@media(max-width:599px){.dtc-hero--backdrop .dtc-hero__shade{background:#0d0d0da8}.dtc-hero--backdrop .dtc-hero__content{padding-block:clamp(44px,12vw,64px)}.dtc-hero__lede{margin-top:14px}.dtc-hero__lede>p:nth-of-type(n+2),.dtc-hero__lede>ul,.dtc-hero__lede>ol{display:none}.dtc-hero--backdrop .dtc-hero__slide{display:flex;flex-direction:column}.dtc-hero--backdrop .dtc-hero__slide>.dtc__container{flex:1 1 auto;min-height:0}.dtc-hero--backdrop .dtc-hero__grid{height:100%}.dtc-hero--backdrop .dtc-hero__content{display:flex;flex-direction:column;height:100%}.dtc-hero--backdrop .dtc-actions{margin-top:auto}.dtc-hero--backdrop .dtc-actions{display:flex;flex-direction:column;gap:12px;width:100%}.dtc-hero--backdrop .dtc-actions .dtc-btn{width:100%;justify-content:center}}.dtc-hero--split .dtc-hero__grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(40px,6vw,80px)}.dtc-hero--split .dtc-hero__content{padding-block:0}.dtc-hero__media{position:relative;aspect-ratio:16 / 11;border-radius:var(--radius);overflow:hidden;background:var(--dtc-grey-light)}.dtc-scheme--dark .dtc-hero__media,.dtc-scheme--black .dtc-hero__media{background:var(--dtc-grey-dark)}.dtc-hero__media img,.dtc-hero__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(min-width:960px){.dtc-hero--split .dtc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dtc-hero--split .dtc-hero__media{aspect-ratio:auto;align-self:stretch;min-height:420px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dtc-hero.css.map */