/* hero slider presentation rules for Capture Media's black, red and white interface; responsive and print rules follow. */
.hero-slides{position:absolute;inset:0;display:flex;transition:transform .85s cubic-bezier(.22,.61,.36,1)}
.hero-slides .hero-bg{position:relative;inset:auto;flex:0 0 33.333333%;height:100%;background-image:none;animation:none}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-slider-controls{position:absolute;z-index:3;bottom:90px;right:36px;display:flex;align-items:center;gap:10px}
.hero-slider-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff80;border-radius:50%;background:#0009;color:#fff;font-size:1.2rem}
.hero-slider-controls button:hover{background:var(--accent)}
.hero-slider-controls button:focus-visible{outline:2px solid white;outline-offset:4px}
/* Keep longer photo collections navigable within narrow screens. */
.hero-dots{display:flex;gap:8px;align-items:center;min-width:0;overflow-x:auto;padding:3px;overscroll-behavior-x:contain}
.hero-dots button{flex:0 0 24px;width:24px;height:24px;border:0;background:transparent;padding:7px}
.hero-slider-controls>button{flex-shrink:0}
.hero-dots button:before{content:'';width:10px;height:10px;border-radius:50%;background:#ffffff80}
.hero-dots button[aria-current=true]:before{background:var(--accent)}
@media(max-width:760px){.hero-slides{transition-duration:.65s}.hero-slides .hero-bg{flex-basis:100%}.hero-slider-controls{left:18px;right:18px;bottom:100px;justify-content:center}.hero-bottom{gap:15px}.hero-bottom small{letter-spacing:.09em}.hero-bottom .scroll-mark{display:none}}
@media(prefers-reduced-motion:reduce){.hero-slides{transition:none}.hero-bg{animation:none}}