/* Moments: a drag-to-explore arc of photographs. Gold accent on black, like the coaching band. */
.moments{background:var(--ink-0);color:#fff;padding:clamp(70px,8vw,110px) 0 clamp(50px,6vw,80px);overflow:hidden;border-top:1px solid var(--line-dark)}
.moments-head{max-width:1180px;margin:0 auto;padding:0 30px}
.moments-head .coaching-kicker{margin:0 0 18px;font-size:10px;letter-spacing:2px;color:var(--accent)}
.moments-head h2{margin:0;max-width:760px;font:500 var(--fs-h2)/1.05 var(--font-sans);letter-spacing:-.02em}
.moments-head h2 em{color:var(--accent);font-style:normal}
.moments-stage{position:relative;height:clamp(400px,43vw,590px);margin-top:clamp(10px,2vw,30px);perspective:1500px;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}
.moments-stage.dragging{cursor:grabbing}
.moments-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-6px}
.moments-ring{position:absolute;inset:0;transform-style:preserve-3d}
.moment{--cw:clamp(220px,25vw,380px);position:absolute;left:50%;top:50%;width:var(--cw);aspect-ratio:3/4;margin:0;margin-left:calc(var(--cw)/-2);margin-top:calc(var(--cw)*-.667);border-radius:14px;overflow:hidden;background:#161616;box-shadow:0 30px 60px rgba(0,0,0,.6);will-change:transform,opacity;backface-visibility:hidden}
.moment img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%);pointer-events:none;filter:grayscale(1) contrast(1.05)}
.moment:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 34%);pointer-events:none}
.moment figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;justify-content:space-between;align-items:baseline;font-size:13px;letter-spacing:.04em}
.moment figcaption b{font-size:10px;letter-spacing:.2em;font-weight:400;color:var(--muted-dark)}
.moment.on{box-shadow:0 34px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.16)}
@media(max-width:700px){.moments-stage{height:clamp(400px,118vw,520px)}.moment{--cw:62vw}.moments-head{padding:0 20px}}
