.field .hero-photos { display:block; padding-top:5px; min-width:0; }
.hero-photo-figure { margin:0; }
.hero-photo-frame { position:relative; width:100%; aspect-ratio:4/3; background:#fff; isolation:isolate; }
.hero-photo-slide { position:absolute; inset:0; margin:0; opacity:0;  pointer-events:none; }
.hero-photo-slide.is-active { opacity:1; }
.hero-photo-slide img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.hero-photo-caption { display:block; min-height:3em; padding-top:12px; font-size:12px; line-height:1.5; }
@media(prefers-reduced-motion:reduce) { .hero-photo-slide { transition:none; } }
.hero-photos:focus-visible { outline:2px solid #c96b12; outline-offset:6px; }
.hero-photos.motion-static .hero-photo-frame { display:grid; gap:24px; aspect-ratio:auto; }
.hero-photos.motion-static .hero-photo-slide { position:relative; opacity:1!important; }
.hero-photos.motion-static .hero-photo-slide::after { content:attr(data-caption); display:block; padding-top:12px; font-size:12px; line-height:1.5; }

/* Keep photo descriptions available without a visible caption row. */
.hero-photo-caption { position:absolute; width:1px; height:1px; min-height:0; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hero-photos.motion-static .hero-photo-slide::after { content:none; display:none; }
.hero-photos .motion-toggle { display:flex; align-items:center; justify-content:center; width:44px; min-height:44px; margin:4px 0 0 auto; padding:0; border:0; background:transparent; color:#303638; font-size:15px; line-height:1; border-radius:50%; }
.hero-photos .motion-toggle[hidden] { display:none; }
.hero-photos .motion-toggle:hover { background:#00000008; }