.doris-hero-sequence { position: absolute; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.doris-hero-sequence .doris-sequence-slide, .doris-hero-sequence video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; opacity: 0; transition: opacity 1.2s ease; }
.doris-hero-sequence .doris-sequence-slide.is-active, .doris-hero-sequence.is-video-playing video { opacity: 1; }
.doris-hero-sequence video { z-index: 1; }
.doris-sequence-controls { position: absolute; left: 14px; bottom: 18px; z-index: 2; display: flex; gap: 3px; }
.doris-sequence-controls[hidden], .doris-sequence-controls [hidden] { display: none !important; }
.do-catalogue .doris-sequence-controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 12px; border: 0; border-radius: 50%; color: #fff; background: #1e242333; cursor: pointer; }
.do-catalogue .doris-sequence-controls button:hover { background: #1e242388; }
.doris-sequence-controls svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.doris-sequence-controls .doris-sequence-play-icon, .doris-sequence-controls .is-paused .doris-sequence-pause-icon, .doris-sequence-controls .doris-sequence-muted, .doris-sequence-controls .is-muted .doris-sequence-waves { display: none; }
.doris-sequence-controls .is-paused .doris-sequence-play-icon, .doris-sequence-controls .is-muted .doris-sequence-muted { display: block; }
@media(max-width:650px) { .doris-sequence-controls { left: 10px; bottom: 65px; } }
@media(prefers-reduced-motion:reduce) { .doris-hero-sequence .doris-sequence-slide, .doris-hero-sequence video { transition: none; } }