.about-photo-gallery{position:relative;isolation:isolate;background:var(--soft,#e8ece8)}
.about-photo-gallery__slides{position:relative;aspect-ratio:10/7;overflow:hidden}
.about-photo-gallery__slides>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .55s ease}
.about-photo-gallery__slides>img.is-active{opacity:1}
.about-photo-gallery__controls{position:absolute;bottom:14px;left:14px;z-index:1;display:flex;gap:8px}
.about-photo-gallery__controls[hidden]{display:none}
.about-photo-gallery__controls>button{display:grid;place-items:center;box-sizing:border-box;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(20,38,31,.3);color:#fff;font-family:inherit;font-size:13px;font-weight:500;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.55);cursor:pointer;transition:background .2s,color .2s}
.about-photo-gallery__controls>button[aria-pressed="true"]{background:rgba(255,255,255,.72);color:#174c40;text-shadow:none}
.about-photo-gallery__controls>button:hover{background:rgba(20,38,31,.5);color:#fff}
.about-photo-gallery__controls>button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:650px){.about-photo-gallery__slides{aspect-ratio:4/3}.about-photo-gallery__controls{bottom:12px;left:12px}}
@media(prefers-reduced-motion:reduce){.about-photo-gallery__slides>img,.about-photo-gallery__controls>button{transition:none}}