/* ═══ EVENTS · SECTION 3 — SCOPE (sticky image + list) ═══ */
.scope{position:relative;padding:clamp(74px,12vh,150px) var(--gut);
  background:#080808;border-top:1px solid var(--border)}
.scope-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:clamp(26px,5vw,80px);align-items:start;margin-top:clamp(30px,5vh,56px)}
@media(max-width:900px){.scope-grid{grid-template-columns:1fr}}
/* the image sticks while the list scrolls; whichever item is in view drives which shot shows */
.scope-visual{position:sticky;top:calc(var(--nav-h) + 30px);aspect-ratio:4/5;overflow:hidden;
  background:var(--surface-alt)}
@media(max-width:900px){.scope-visual{position:static;aspect-ratio:16/10}}
.scope-visual .shot{position:absolute;inset:0;opacity:0;
  transition:opacity .6s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);transform:scale(1.05)}
.scope-visual .shot.is-on{opacity:1;transform:scale(1)}
.scope-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) brightness(.86)}
.scope-visual .ph{position:absolute;inset:0;display:grid;place-items:center;
  background:repeating-linear-gradient(36.5deg,#161616 0 14px,#111 14px 28px)}
.scope-visual .ph i{font-style:normal;font-size:10.5px;letter-spacing:.16em;font-weight:600;color:var(--dim)}

.scope-list{border-top:1px solid var(--border)}
.sc{padding:clamp(20px,3.4vh,34px) 0;border-bottom:1px solid var(--border);
  opacity:.42;transition:opacity .5s ease}
.sc.is-on{opacity:1}
.sc .k{display:flex;align-items:center;gap:12px}
.sc .k span{font-size:10.5px;letter-spacing:.16em;font-weight:700;color:var(--dim);
  transition:color .4s ease}
.sc.is-on .k span{color:var(--cut)}
.sc h3{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(1.1rem,2.4vw,1.85rem);line-height:1.05;letter-spacing:-.026em}
.sc p{margin-top:11px;font-size:clamp(.92rem,1.02vw,1.02rem);line-height:1.6;
  color:var(--muted);max-width:46ch}

@media(prefers-reduced-motion:reduce){
  .sc{opacity:1}
}