.gallery-section{padding-top:10px;overflow:hidden}
.gallery-heading{align-items:end}
.gallery-heading h2{font-size:40px;line-height:1.35;max-width:660px}
.gallery-heading p{max-width:280px;line-height:1.9}
.gallery-shell{position:relative;margin-top:9px}
.gallery-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;outline-offset:6px;border-radius:10px;padding:2px 0 8px}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.gallery-card{flex:0 0 calc((100% - 54px)/4);min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:normal}
.gallery-image{width:100%;aspect-ratio:4/5;border-radius:13px;overflow:hidden;position:relative;border:1px solid #34505f;background:linear-gradient(145deg,#19313c,#14202d)}
.gallery-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery-card:hover img{transform:scale(1.035)}
.gallery-card:nth-child(3n+2) .gallery-image{background:linear-gradient(145deg,#362a24,#1d222c);border-color:#514136}
.gallery-card:nth-child(3n) .gallery-image{background:linear-gradient(145deg,#1f3541,#191e31)}
.gallery-image .photo-no{top:20px;left:18px;font-size:8px;letter-spacing:1px;color:#b6c9d4}
.gallery-image .placeholder-center{padding:20px}
.gallery-card figcaption{display:flex;gap:12px;padding:16px 1px 0}
.gallery-index{color:var(--orange);font-size:9px;letter-spacing:1px;margin-top:5px}
.gallery-card h3{font-size:14px;line-height:1.6;font-weight:600;letter-spacing:-.2px}
.gallery-card p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:4px}
.gallery-arrow{position:absolute;z-index:1;top:calc((100% - 80px)/2);transform:translateY(-50%);width:38px;height:46px;display:grid;place-items:center;border-radius:6px;border:1px solid #6a8a9b;background:#0b151ee6;color:#fff;font-size:26px;line-height:1;box-shadow:0 4px 18px #0004}
.gallery-arrow:hover:not(:disabled){background:var(--orange);border-color:var(--orange);color:#0b1016}
.gallery-arrow:disabled{opacity:.3;cursor:default}
#gallery-prev{left:10px}#gallery-next{right:10px}
.gallery-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:20px}
.gallery-hint{font-size:9px;color:var(--muted)}
.gallery-dots{display:flex;align-items:center;justify-content:center;gap:2px}
.gallery-dots button{background:none;border:0;width:26px;height:30px;display:grid;place-items:center;padding:0}
.gallery-dots button:before{content:'';width:6px;height:6px;border-radius:50%;background:#506472;transition:width .2s,background .2s}
.gallery-dots button.active:before{width:21px;border-radius:8px;background:var(--orange)}
#gallery-status{text-align:right;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:1050px){.gallery-card{flex-basis:calc((100% - 36px)/3)}.gallery-heading h2{font-size:34px}.header nav{gap:17px}}
@media(max-width:760px){.gallery-heading{gap:15px}.gallery-heading h2{font-size:30px}.gallery-heading p{max-width:100%}.gallery-track{gap:14px}.gallery-card{flex-basis:76%}.gallery-image{aspect-ratio:4/5;border-radius:12px}.gallery-card figcaption{padding-top:13px}.gallery-card h3{font-size:15px}.gallery-card p{font-size:11px}.gallery-arrow{width:32px;height:42px;top:calc((100% - 65px)/2)}#gallery-prev{left:8px}#gallery-next{right:8px}.gallery-footer{grid-template-columns:1fr auto;margin-top:12px;gap:7px}.gallery-hint{grid-column:1/-1;text-align:center;order:3}.gallery-dots{justify-content:start}#gallery-status{font-size:9px}.gallery-dots button{width:25px}}
