.dd-hero{position:relative;width:100%;height:var(--dd-hero-height-dk, 68rem);overflow:hidden;background:#1a1a1a}.dd-hero__slides{position:relative;width:100%;height:100%}.dd-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center}.dd-hero__slide.is-active{opacity:1;z-index:1}.dd-hero__slide--cream{background:var(--dd-bg-surface, #f5f0eb)}.dd-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.dd-hero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--dd-hero-focal, 50% 50%);will-change:transform}.dd-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#000000b8,#00000059 45%,#0000 75%),linear-gradient(to right,#00000073,#0000 55%)}.dd-hero__content{position:relative;z-index:2;padding:clamp(2.8rem,5vw,6.4rem);max-width:70rem;transform:translateY(6vh)}.dd-hero__slide:not(.dd-hero__slide--cream) .dd-hero__subtitle{text-shadow:0 1px 24px rgba(0,0,0,.35)}.dd-hero__eyebrow{display:block;font-family:termina,sans-serif;font-weight:400;font-size:var(--dd-text-xs);text-transform:uppercase;color:#ffffffb3;letter-spacing:.08em;margin-bottom:var(--dd-space-relaxed)}.dd-hero__heading{font-family:DieGroteskB,sans-serif;font-weight:700;font-size:clamp(3.6rem,5.5vw,7.6rem);line-height:1.02;color:#fff;margin:0 0 var(--dd-space-comfortable);text-transform:uppercase;text-wrap:pretty}.dd-hero__subtitle{font-family:DieGroteskB,sans-serif;font-weight:400;font-size:clamp(1.5rem,1.4vw,2rem);line-height:var(--dd-line-base);color:#ffffffd1;margin:0 0 2.4rem;max-width:48rem;text-wrap:balance}.dd-hero__slide--cream .dd-hero__eyebrow{color:var(--dd-text-muted, rgba(0, 0, 0, .55))}.dd-hero__slide--cream .dd-hero__heading{color:var(--dd-text, #111)}.dd-hero__slide--cream .dd-hero__subtitle{color:var(--dd-text-muted, rgba(0, 0, 0, .7))}.dd-hero__cta{margin-bottom:var(--dd-space-roomy)}.dd-hero__cta.btn--outline{--dd-btn-fg: #fff;--dd-btn-border: rgba(255, 255, 255, .4);--dd-btn-fill: #fff;--dd-btn-fill-fg: var(--dd-text, #1a1a1a)}.dd-hero__slide--cream .dd-hero__cta.btn--outline{--dd-btn-fg: var(--dd-text, #111);--dd-btn-border: rgba(0, 0, 0, .35);--dd-btn-fill: var(--dd-text, #111);--dd-btn-fill-fg: #fff}.dd-hero__nav{display:none}.dd-hero__dots{position:absolute;bottom:var(--dd-space-wide);left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:var(--dd-space-compact)}.dd-hero__dot{position:relative;display:inline-block;width:.8rem;height:.4rem;padding:0;border:0;border-radius:var(--dd-radius-full);background:#ffffff59;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:width .3s ease,background-color .25s ease}.dd-hero__dot:hover{background:#ffffff80}.dd-hero__dot:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:3px}.dd-hero__dot.is--active{width:2.8rem;background:#ffffff40}.dd-hero__dot-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:var(--dd-radius-full);background:var(--dd-neutral-0, #fff);pointer-events:none}.dd-hero:has(.dd-hero__slide.is-active.dd-hero__slide--cream) .dd-hero__dot{background:#0003}.dd-hero:has(.dd-hero__slide.is-active.dd-hero__slide--cream) .dd-hero__dot.is--active{background:#00000026}.dd-hero:has(.dd-hero__slide.is-active.dd-hero__slide--cream) .dd-hero__dot-fill{background:var(--dd-text, #111)}.dd-hero__dot.is--active .dd-hero__dot-fill{animation:dd-hero-progress var(--dd-hero-speed, 5s) linear forwards}.dd-hero[data-autoplay=false] .dd-hero__dot.is--active .dd-hero__dot-fill{animation:none;width:100%}@keyframes dd-hero-progress{0%{width:0%}to{width:100%}}@media(min-width:769px)and (max-width:1024px){.dd-hero{height:var(--dd-hero-height-tb, 50rem)}.dd-hero__content{max-width:48rem}}@media(max-width:768px){.dd-hero{height:var(--dd-hero-height-mb, 52rem)}.dd-hero__overlay{background:linear-gradient(to top,#000000c7,#00000073 40%,#0000001a,#0000)}.dd-hero__content{padding:var(--dd-space-loose);max-width:100%}.dd-hero__eyebrow{margin-bottom:var(--dd-space-comfortable)}.dd-hero__subtitle{max-width:100%}.dd-hero__cta{margin-bottom:0}.dd-hero__dots{bottom:4rem}}@media(prefers-reduced-motion:reduce){.dd-hero__slide,.dd-hero__dot{transition:none}.dd-hero__dot.is--active .dd-hero__dot-fill{animation:none;width:100%}.dd-hero__media img{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/dd-hero.css.map */