.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{top:auto;bottom:clamp(14px,2vw,24px);transform:none}.dtc-hero__arrow--next{inset-inline-end:calc(max((100% - var(--dtc-max, 1560px)) / 2,0px) + var(--dtc-gutter))}.dtc-hero__arrow--prev{inset-inline-end:calc(max((100% - var(--dtc-max, 1560px)) / 2,0px) + var(--dtc-gutter) + 52px)}.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:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--muted);opacity:.55;transition:opacity var(--dtc-t) var(--dtc-ease),transform var(--dtc-t) var(--dtc-ease),background var(--dtc-t) var(--dtc-ease)}.dtc-hero__dot.is-active:before{background:var(--dtc-yellow);opacity:1;transform:scale(1.25)}@media(pointer:coarse){.dtc-hero__dots{gap:0}.dtc-hero__dot{width:44px;height:44px}}@media(max-width:749px){.dtc-hero__arrow{display:none!important}}.dtc-hero__grid{display:grid;grid-template-columns:1fr}.dtc-hero__content{padding-block:var(--tdhq-band-y);max-width:820px}.dtc-hero__lede{margin-top:20px}.dtc-hero__note{align-items:center;margin-top:24px}.dtc-hero--backdrop{min-height:0}.dtc-hero--backdrop .dtc-hero__content{min-height:clamp(340px,24vw + 100px,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;padding-top:clamp(24px,3vw,32px)}.dtc-hero--backdrop.dtc-hero--slider .dtc-hero__content{justify-content:flex-end}.dtc-hero--backdrop.dtc-hero--slider .dtc-hero__content .dtc-actions{margin-top:0}.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:linear-gradient(0deg,var(--bg, #0D0D0D) 0%,transparent 22%),rgba(13,13,13,var(--hero-dim, .74))}.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;padding-top:clamp(24px,3vw,32px)}.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}}:is(.dtc-scheme--black,.dtc-scheme--dark) .dtc-hero__arrow{width:44px;height:44px;background:#0d0d0d9e;border-color:transparent;color:var(--dtc-yellow, #FFD700)}@media(min-width:600px){.dtc-hero--fit-whole .dtc-hero__backdrop{display:flex;flex-direction:row-reverse}.dtc-hero--fit-whole .dtc-hero__backdrop :is(img,video){position:relative;inset:auto;flex:none;width:auto;height:100%;max-width:none;margin-inline:auto;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.16) 11%,rgba(0,0,0,.34) 18%,rgba(0,0,0,.56) 25%,rgba(0,0,0,.76) 32%,rgba(0,0,0,.9) 39%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.16) 11%,rgba(0,0,0,.34) 18%,rgba(0,0,0,.56) 25%,rgba(0,0,0,.76) 32%,rgba(0,0,0,.9) 39%,#000 46%)}}@media(min-width:960px){.dtc-hero--backdrop.dtc-hero--fit-whole .dtc-hero__content{max-width:660px;min-height:max(clamp(340px,24vw + 100px,480px),min(calc((100vw - max((100vw - var(--dtc-max, 1560px)) / 2,0px) - var(--dtc-gutter) - 500px) * .5625),900px))}.dtc-hero--fit-whole .dtc-hero__backdrop{padding-left:calc(max((100% - var(--dtc-max, 1560px)) / 2,0px) + var(--dtc-gutter) + 500px)}.dtc-hero--fit-whole .dtc-hero__shade{--hero-copy-end: calc(max((100% - var(--dtc-max, 1560px)) / 2, 0px) + var(--dtc-gutter) + 660px);background:linear-gradient(90deg,var(--bg) 0,var(--bg) calc(var(--hero-copy-end) - 40px),rgba(13,13,13,.84) calc(var(--hero-copy-end) + 40px),rgba(13,13,13,.52) calc(var(--hero-copy-end) + 120px),rgba(13,13,13,.22) calc(var(--hero-copy-end) + 200px),rgba(13,13,13,0) calc(var(--hero-copy-end) + 280px))}}@media(min-width:2700px){.dtc-hero--fit-whole .dtc-hero__backdrop :is(img,video){-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.16) 11%,rgba(0,0,0,.34) 18%,rgba(0,0,0,.56) 25%,rgba(0,0,0,.76) 32%,rgba(0,0,0,.9) 39%,#000 46%,#000 88%,rgba(0,0,0,.6) 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.16) 11%,rgba(0,0,0,.34) 18%,rgba(0,0,0,.56) 25%,rgba(0,0,0,.76) 32%,rgba(0,0,0,.9) 39%,#000 46%,#000 88%,rgba(0,0,0,.6) 95%,transparent 100%)}}@media(max-width:599px){.dtc-hero--backdrop.dtc-hero--phone-stacked .dtc-hero__slide{display:flex;flex-direction:column}.dtc-hero--phone-stacked .dtc-hero__backdrop{position:relative;inset:auto;order:-1;aspect-ratio:16 / 9}.dtc-hero--phone-stacked .dtc-hero__backdrop :is(img,video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}.dtc-hero--phone-stacked .dtc-hero__shade{display:none}.dtc-hero--backdrop.dtc-hero--phone-stacked .dtc-hero__content{min-height:0;padding-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dtc-hero.css.map */