.hero-art.hero-carousel { background:none; overflow:hidden; }
.hero-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 51%; opacity:0; transition:opacity .65s ease; }
.hero-slide.is-active { opacity:1; }
.hero-controls { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); z-index:2; display:flex; align-items:center; gap:10px; padding:6px 10px; border:1px solid #5d6673; border-radius:30px; background:#171b20df; }
.hero-controls button { border:0; background:transparent; color:#eef2f7; height:32px; min-width:32px; border-radius:20px; padding:0 6px; }
.hero-controls>button { font-size:24px; }
.hero-controls>button[data-hero-pause] { font-size:14px; min-width:48px; }
.hero-controls button:hover { background:#ffffff18; }
.hero-dots { display:flex; align-items:center; gap:2px; }
.hero-dots button { min-width:22px; width:22px; padding:0; position:relative; }
.hero-dots button:after { content:""; display:block; width:7px; height:7px; margin:auto; border-radius:50%; background:#929aa5; }
.hero-dots button[aria-pressed=true]:after { background:#66b3ff; box-shadow:0 0 0 3px #66b3ff22; }
.hero-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-block:20px; }
.hero-admin-slide { min-width:0; border:1px solid #46505c; background:#20262d; padding:16px; border-radius:8px; }
.hero-admin-slide img { width:100%; aspect-ratio:2.5/1; object-fit:cover; border-radius:6px; }
.hero-admin-slide p { overflow-wrap:anywhere; }
@media(min-width:1600px) { .hero-slide { object-fit:cover; } }
@media(max-width:720px) { .hero-admin-grid { grid-template-columns:1fr; } .hero-slide { object-position:right center; } .hero-controls { max-width:calc(100% - 16px); gap:2px; padding-inline:5px; } .hero-dots { gap:0; } .hero-dots button { min-width:18px; width:18px; } }
@media(prefers-reduced-motion:reduce) { .hero-slide { transition:none; } }