.gallery-section{padding:90px 0 78px;overflow:hidden;background:linear-gradient(#edf2ff,#e9edf9 72%,#eef0fa)}
.gallery-section[hidden]{display:none}
.gallery-heading{padding:0 clamp(22px,6vw,100px);margin-bottom:30px}
.gallery-heading h2{font-size:clamp(36px,4.5vw,72px);max-width:1200px;margin:16px 0 10px}
.gallery-heading p{font-size:clamp(15px,1.5vw,22px);color:#52627a}
.marquee-row{overflow:hidden;touch-action:pan-y}
.marquee-row+.marquee-row{margin-top:16px}
.marquee-track{display:flex;gap:16px;width:max-content;will-change:transform}
.gallery-tile{position:relative;display:block;flex:0 0 clamp(280px,30vw,440px);width:clamp(280px,30vw,440px);height:clamp(200px,21vw,285px);padding:0;border:1px solid #b7c7da;border-radius:18px;overflow:hidden;cursor:zoom-in;background:#fff;text-align:left;isolation:isolate}
.gallery-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.gallery-tile:hover img{transform:scale(1.035)}
.gallery-tile:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.gallery-tile .gallery-copy{position:absolute;left:0;right:0;bottom:0;padding:12px 17px;background:linear-gradient(transparent,#101c32d9);color:#fff;display:flex;flex-direction:column;gap:2px}
.gallery-copy strong{font-size:20px;line-height:1.3}.gallery-copy small{font-size:12px;line-height:1.4}
.gallery-hint{padding:22px clamp(22px,6vw,100px) 0;font-size:13px;color:#65738c}
.gallery-dialog{width:min(960px,92vw);max-height:92vh;border:0;border-radius:18px;padding:18px;background:#fff;box-shadow:0 28px 90px #15213c77}
.gallery-dialog::backdrop{background:#111a2bc4}
.gallery-dialog figure{margin:0}.gallery-dialog img{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.gallery-dialog figcaption{padding:12px 8px 2px;font-size:15px;color:#34445d}
.gallery-close{position:absolute;right:18px;top:12px;border:0;border-radius:50%;width:35px;height:35px;background:#fff;box-shadow:0 2px 14px #0003;font-size:25px;line-height:1;cursor:pointer}
@media(max-width:760px){.gallery-section{padding:64px 0 52px}.gallery-heading{margin-bottom:22px}.marquee-row+.marquee-row{margin-top:10px}.marquee-track{gap:10px}.gallery-tile{flex-basis:270px;width:270px;height:190px}.gallery-copy strong{font-size:16px}.gallery-copy small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.marquee-row{overflow-x:auto}.marquee-track{transform:none!important;will-change:auto}.gallery-tile[data-clone]{display:none}.gallery-tile img{transition:none}}
