.haute-hero .mosaic-a { background:#101110; position:relative; }
.haute-hero .hero-mosaic { width:100%; }
.haute-hero .hero-mosaic .hero-slide { position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity .65s ease; }
.haute-hero .hero-mosaic .hero-slide.is-active { opacity:1; }
.haute-hero .hero-mosaic .hero-brisket { object-fit:cover; }
.hero-slide-controls { position:absolute; z-index:3; right:24px; bottom:20px; display:flex; gap:7px; }
.hero-slide-controls button { cursor:pointer; color:white; background:rgba(16,17,16,.8); border:1px solid rgba(255,255,255,.7); border-radius:3px; padding:8px 12px; font:inherit; font-size:12px; }
.hero-slide-controls button[aria-pressed="true"] { background:#fff; color:#171918; }
@media(min-width:801px) { .haute-hero .mosaic-mark { text-align:left; max-width:48%; font-size:clamp(3.2rem,5.2vw,6rem); } }
@media(max-width:800px) { .haute-hero .mosaic-mark { bottom:3.7rem; } .hero-slide-controls { bottom:12px; right:16px; } }
@media(prefers-reduced-motion:reduce) { .haute-hero .hero-mosaic .hero-slide { transition:none; } }


.haute-hero .hero-mosaic { width:100%; height:100svh; }
.haute-hero .hero-mosaic .hero-slides { position:relative; width:100%; height:100%; overflow:hidden; }
.haute-hero .hero-mosaic .hero-slides > .hero-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.haute-hero .hero-mosaic .hero-slides > .hero-soda { object-position:center 58%; }
.haute-hero .hero-mosaic .hero-slides > .hero-wedding { object-position:67% center; }