/* About-only gallery. Full camera frames; native scroll, no carousel library. */
.about-gallery { --gallery-pad:var(--about-pad,clamp(20px,4.2vw,80px)); padding-block:clamp(42px,5vw,88px) clamp(52px,6vw,104px); background:#fff; color:var(--navy); scroll-margin-top:36px; }
.about-gallery-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-inline:var(--gallery-pad); margin-bottom:clamp(24px,2.4vw,40px); }
.about-gallery-heading h2 { margin:0; min-width:0; font-family:var(--display); font-size:clamp(28px,3.55vw,64px); font-weight:600; line-height:1.12; letter-spacing:-.04em; text-wrap:balance; }
.about-gallery-all { display:inline-flex; align-items:center; justify-content:space-between; flex-shrink:0; gap:22px; padding:6px 6px 6px 22px; min-height:52px; border:1px solid #33596b; border-radius:40px; font-family:var(--display); font-size:11px; font-weight:600; line-height:1.3; text-decoration:none; transition:background .25s,box-shadow .25s,transform .25s; }
.about-gallery-all-icon { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; border-radius:50%; background:var(--navy); color:#fff; transition:transform .25s; }
.about-gallery-all svg { width:22px; height:22px; }
.about-gallery-track { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:42%; gap:clamp(16px,2.1vw,32px); padding:8px var(--gallery-pad) 24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:var(--gallery-pad); scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.about-gallery-track::-webkit-scrollbar,.about-gallery-thumbnails::-webkit-scrollbar { display:none; }
.about-gallery-photo { min-width:0; margin:0; scroll-snap-align:start; }
.about-gallery-photo-link { position:relative; display:block; width:100%; padding:0; border:0; overflow:hidden; border-radius:clamp(16px,1.6vw,26px); background:#edf4f7; box-shadow:0 1px 0 #0a34450c; text-decoration:none; transition:transform .3s,box-shadow .3s; }
.about-gallery-photo-link > img { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
.about-gallery-zoom { position:absolute; right:16px; bottom:16px; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#f2faffeb; color:var(--navy); box-shadow:0 3px 12px #001a3033; opacity:0; transform:translateY(6px); transition:opacity .25s,transform .25s; }
.about-gallery-zoom svg { width:21px; height:21px; }
@media(hover:hover) {
 .about-gallery-photo-link:hover { transform:translateY(-4px); box-shadow:0 14px 26px #315d7524,0 0 24px #9dc8da26; }
 .about-gallery-photo-link:hover .about-gallery-zoom { opacity:1; transform:none; }
 .about-gallery-all:hover { background:#edf6fa; box-shadow:0 0 24px #7aa7ba30; transform:translateY(-2px); }
 .about-gallery-all:hover .about-gallery-all-icon { transform:translateX(2px); }
}
.about-gallery-track { scrollbar-width:none; scroll-snap-type:x proximity; cursor:grab; }
.about-gallery-track::-webkit-scrollbar { display:none; }
.about-gallery-track::-webkit-scrollbar-track { background:#edf5f8; }
.about-gallery-track::-webkit-scrollbar-thumb { border-radius:3px; background:#8eb5c7; }
.about-gallery-track.is-dragging { cursor:grabbing; scroll-snap-type:none; }
.about-gallery-track.is-dragging .about-gallery-photo-link { cursor:grabbing; }
.about-gallery-photo-link:focus-visible .about-gallery-zoom { opacity:1; transform:none; }
@media(max-width:1100px) and (min-width:761px) {
 .about-gallery-heading h2 { font-size:3.3vw; }
 .about-gallery-track { grid-auto-columns:48%; }
}
@media(max-width:760px) {
 .about-gallery { --gallery-pad:20px; padding-block:36px 40px; scroll-margin-top:24px; }
 .about-gallery-heading { gap:12px; margin-bottom:20px; align-items:center; }
 .about-gallery-heading h2 { max-width:58%; font-size:clamp(19px,5vw,32px); line-height:1.18; text-wrap:balance; }
 .about-gallery-all { min-height:42px; gap:7px; padding:4px 4px 4px 10px; font-size:7px; }
 .about-gallery-all-icon { width:29px; height:29px; }
 .about-gallery-all svg { width:17px; height:17px; }
 .about-gallery-track { grid-auto-columns:88%; gap:14px; padding-bottom:20px; }
 .about-gallery-photo-link { border-radius:16px; }
 .about-gallery-zoom { width:34px; height:34px; right:10px; bottom:10px; opacity:1; transform:none; }
 .about-gallery-zoom svg { width:17px; height:17px; }
}
@media(prefers-reduced-motion:reduce) {
 .about-gallery * { transition:none!important; scroll-behavior:auto!important; }
 .about-gallery-photo-link:hover,.about-gallery-all:hover { transform:none; }
}
@media(max-width:440px) {
 .about-gallery-heading { flex-wrap:wrap; gap:16px; }
 .about-gallery-heading h2 { flex:1 0 100%; max-width:100%; }
 .about-gallery-all { margin-left:auto; font-size:8px; }
}

.about-gallery-photo-link { cursor:zoom-in; }

/* Compact spacing and visible, unobtrusive position bars. */
.about-gallery-track { gap:12px; padding-bottom:14px; }
.about-gallery-pagination { display:flex; justify-content:center; gap:6px; padding-inline:20px; margin-top:4px; }
.about-gallery-pagination button { display:grid; place-items:center; width:44px; height:36px; padding:0; border:0; border-radius:12px; background:transparent; cursor:pointer; }
.about-gallery-pagination button span { display:block; width:32px; height:3px; border-radius:2px; background:#d2e2ea; transition:background .25s,box-shadow .25s; }
.about-gallery-pagination button[aria-current="true"] span { background:#6091a7; box-shadow:0 0 10px #7aa7ba44; }
@media(max-width:760px) { .about-gallery-track { gap:8px; } .about-gallery-pagination { gap:2px; } }