/* Responsive media and copy use the same breakpoint, regardless of user agent. */
body .hero .slide-bg-video picture{position:absolute;inset:0;display:block}
body .hero .slide-bg-video img,body .hero .slide-bg-video video{width:100%;height:100%;object-fit:cover;object-position:center}
body .hero .hero-motion-video{position:absolute;inset:0;opacity:0}
body .hero .hero-motion-video.is-playing{opacity:1}
body .hero .swiper-slide{--hero-ink:var(--hero-desktop-color)}
body .hero .slide-title,body .hero .slide-brand-title,body .hero .price-label,body .hero .price-value{color:var(--hero-ink)!important}
body .hero .slide-button{background:var(--hero-ink)!important;color:var(--hero-button-ink,#111)!important}
body .hero .swiper-slide[data-hero-desktop-theme=black]{--hero-button-ink:#fff}
body .hero .swiper-slide-active:not([data-hero-media=twin]) .slide-bg-video img{animation:dc-hero-zoom 5s linear both;transform-origin:50% 50%}
body .hero.is-motion-paused .slide-bg-video img{animation-play-state:paused!important}
@keyframes dc-hero-zoom{from{transform:scale(1)}to{transform:scale(1.018)}}
@media(min-width:768px){
 body .hero .hero-video-swiper .swiper-slide{height:clamp(440px,44.27vw,850px)}
 body .hero .slide-content{left:57%;right:6%;top:39%;height:auto;max-width:290px;transform:none;margin:0}
 body .hero .slide-title{font-size:36px;line-height:40px}
 body .hero .slide-brand-title{font-size:16px;line-height:20px;max-width:250px}
 body .hero .slide-button{margin-top:26px;margin-bottom:0;max-width:100%}
 body .hero [data-hero-media="0"] .slide-content{left:53%;max-width:290px}
}
@media(max-width:767px){
 body .hero .swiper-slide{--hero-ink:var(--hero-mobile-color);--hero-button-ink:#111;--hero-backdrop:#08090a}
 body .hero .swiper-slide[data-hero-mobile-theme=black]{--hero-button-ink:#fff}
 body .hero [data-hero-media="1"]{--hero-backdrop:#eee9de}
 body .hero [data-hero-media="2"]{--hero-backdrop:#f0dec0}
 body .hero [data-hero-media="3"]{--hero-backdrop:#102235}
 body .hero [data-hero-media=twin]{--hero-backdrop:#273723}
 body .hero .slide-bg-video{background:var(--hero-backdrop)}
 body .hero .slide-bg-video picture,body .hero .slide-bg-video video{inset:0;width:100%;mask-image:none;-webkit-mask-image:none}
 body .hero .slide-bg-video img,body .hero .slide-bg-video video{object-position:center}
 body .hero .slide-content{left:24px;right:auto;top:72px;width:calc(100% - 48px);max-width:200px;height:calc(100% - 96px);margin:0;transform:none}
 body .hero .slide-title{font-size:22px;line-height:26px}
 body .hero .slide-brand-title{font-size:14px;line-height:18px;max-width:160px}
 body .hero .slide-button{max-width:100%;width:187px;font-size:9px;padding:0 7px;line-height:1.3}
}
@media(prefers-reduced-motion:reduce){body .hero .slide-bg-video img{animation:none!important}body .hero .hero-motion-video{display:none}}

body .hero[data-active-theme=white] .hero-pagination .inner-dot{fill:#fff!important}
body .hero[data-active-theme=white] .hero-pagination .base-circle{stroke:#fff!important}
body .hero[data-active-theme=black] .hero-pagination .inner-dot{fill:#333!important}
body .hero[data-active-theme=black] .hero-pagination .base-circle{stroke:#777!important}

/* Keep the original button flow below the banner copy. */
body .hero .hero-person-name{white-space:nowrap}

@media(prefers-reduced-motion:reduce){body .hero .swiper-wrapper{transition-duration:0ms!important}}



/* Match the original banner line flow instead of redistributing words. */
body .hero .slide-title,body .hero .slide-brand-title{text-wrap:wrap;white-space:normal}
body .hero .hero-person-name{font-size:inherit;line-height:inherit}