.city-hero .city-hero__photo.op-hero-gallery{aspect-ratio:auto;max-height:none;width:100%;min-width:0}
.op-hero-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#12c143 #203c2c;aspect-ratio:1/1;max-height:480px}
.op-hero-gallery__slide{position:relative;flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.city-hero .op-hero-gallery__slide img{object-position:center 55%}
.op-hero-gallery__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:#e9f8ed}
.op-hero-gallery__controls[hidden]{display:none}
.op-hero-gallery__controls button{width:44px;height:44px;border:1px solid #83b393;border-radius:50%;background:#284c36;color:#fff;font:inherit;font-size:24px;cursor:pointer}
.op-hero-gallery__controls button:disabled{opacity:.4;cursor:default}
.op-hero-gallery :is(button,[tabindex]):focus-visible{outline:3px solid #7fea9b;outline-offset:-3px}
.op-hero-gallery__controls span{font-size:14px}
@media(max-width:760px){.city-hero .city-hero__photo.op-hero-gallery{width:min(100%,391px)}.op-hero-gallery__track{aspect-ratio:4/3;max-height:none}.city-hero .op-hero-gallery__slide figcaption{bottom:10px}.op-hero-gallery__controls{padding:8px 12px}}