/* ═══ EVENTS · SECTION 4 — GALLERY SLIDER ═══ */
.gallery{position:relative;padding:clamp(74px,12vh,150px) 0;border-top:1px solid var(--border)}
.gal-head{padding:0 var(--gut) clamp(30px,5vh,54px);
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.gal-head h2{margin-top:20px;font-size:clamp(1.6rem,4.2vw,3.3rem);line-height:1;max-width:15ch}
.gal-nav{display:flex;gap:9px;flex-shrink:0}
.gal-btn{width:52px;height:52px;border:1px solid var(--border);background:none;cursor:pointer;
  position:relative;display:grid;place-items:center;overflow:hidden;
  transition:border-color .35s ease}
.gal-btn::before{content:"";position:absolute;inset:-1px;background:var(--cut);
  transform:translateX(-101%) skewX(-12deg);
  transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.gal-btn:hover:not(:disabled)::before{transform:translateX(0) skewX(-12deg)}
.gal-btn:hover:not(:disabled){border-color:var(--cut)}
.gal-btn:disabled{opacity:.3;cursor:default}
.gal-btn i{position:relative;z-index:1;width:18px;height:1.5px;background:var(--text);display:block;
  transition:background .3s ease}
.gal-btn i::after{content:"";position:absolute;width:8px;height:1.5px;background:var(--text);
  transition:background .3s ease}
.gal-btn.prev i::after{left:0;top:0;transform-origin:left center;transform:rotate(-45deg)}
.gal-btn.prev i::before{content:"";position:absolute;left:0;top:0;width:8px;height:1.5px;
  background:var(--text);transform-origin:left center;transform:rotate(45deg);transition:background .3s ease}
.gal-btn.next i::after{right:0;top:0;transform-origin:right center;transform:rotate(45deg)}
.gal-btn.next i::before{content:"";position:absolute;right:0;top:0;width:8px;height:1.5px;
  background:var(--text);transform-origin:right center;transform:rotate(-45deg);transition:background .3s ease}
.gal-btn:hover:not(:disabled) i,
.gal-btn:hover:not(:disabled) i::after,
.gal-btn:hover:not(:disabled) i::before{background:#0A0A0A}

.gal-view{overflow:hidden;padding:0 var(--gut);cursor:grab}
.gal-view.is-drag{cursor:grabbing}
.gal-track{display:flex;gap:clamp(14px,2vw,28px);width:max-content;
  will-change:transform;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.gal-track.no-ease{transition:none}
.slide{position:relative;flex-shrink:0;width:clamp(260px,42vw,660px);aspect-ratio:16/10;
  overflow:hidden;background:var(--surface-alt);user-select:none}
.slide .inner{position:absolute;inset:-7% 0;will-change:transform}
.slide img{width:100%;height:100%;object-fit:cover;pointer-events:none;
  filter:grayscale(.32) brightness(.82);transition:filter .5s ease}
.slide:hover img{filter:grayscale(0) brightness(.95)}
.slide .ph{position:absolute;inset:0;display:grid;place-items:center;
  background:repeating-linear-gradient(36.5deg,#161616 0 14px,#111 14px 28px)}
.slide .ph i{font-style:normal;font-size:10.5px;letter-spacing:.16em;font-weight:600;color:var(--dim)}
.slide .cap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:40px 18px 16px;
  background:linear-gradient(to top,rgba(8,8,8,.9),transparent);
  opacity:0;transform:translateY(10px);
  transition:opacity .45s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.slide:hover .cap{opacity:1;transform:none}
.slide .cap b{display:block;font-size:12.5px;font-weight:700}
.slide .cap em{display:block;font-style:normal;font-size:10px;letter-spacing:.16em;
  color:var(--muted);margin-top:5px}

.gal-foot{padding:clamp(24px,4vh,38px) var(--gut) 0;display:flex;align-items:center;gap:20px}
.gal-bar{flex:1;height:1px;background:var(--border);position:relative}
.gal-bar i{position:absolute;left:0;top:0;height:100%;background:var(--cut);width:0;
  transition:width .5s cubic-bezier(.2,.7,.2,1)}
.gal-count{font-size:11px;letter-spacing:.16em;color:var(--dim);flex-shrink:0}
.gal-count b{color:var(--text)}

@media(prefers-reduced-motion:reduce){
  .slide .inner{transform:none!important;inset:0}
  .gal-view{overflow-x:auto}
  .gal-track{transition:none}
}