.cards[hidden],.projection-track[hidden]{display:none!important}
.view-options{display:flex;align-items:center;gap:5px;margin:0 0 16px}.view-options button{border:1px solid #45483e;border-radius:40px;padding:8px 14px;font-size:12px;color:#c9cdbe}.view-options button[aria-pressed=true]{background:#d6debe;color:#161911;border-color:#d6debe}
.projection-track{position:relative;--step:clamp(200px,47svh,540px);--travel:0px;--sticky-top:clamp(12px,5svh,60px);isolation:isolate}.projection-track:after{content:"";display:block;height:var(--travel);pointer-events:none}.projection-sticky{position:sticky;top:var(--sticky-top);perspective:1200px}.projector{overflow:hidden;position:relative;border:1px solid #41463b;border-radius:10px;background:radial-gradient(ellipse at 29% 42%,#394237 0%,#222720 27%,#171b16 49%,#0e100e 77%);box-shadow:inset 0 1px 0 #e7f9c412,0 20px 70px #0005}.projector:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 80px #0003;z-index:1}
.projector-header,.projector-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 clamp(18px,3vw,49px);padding:17px 0}.projector-header{border-bottom:1px solid #d7e3c326}.projector-header .mini{font-size:9px;white-space:nowrap}.projector-count,.projector-guide,.projection-client,.projection-secondary,.projection-skip{font:500 10px/1.45 var(--micro);letter-spacing:.055em}.projector-count{font-variant-numeric:tabular-nums;color:#e6ebdc}.projection-progress{height:2px;background:#ffffff25;flex:1;margin:0 2%;position:relative}.projection-progress i{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#bedb64,#e5ff9a);transform:scaleX(var(--travelled,.125));transform-origin:left center}
.projector-body{display:grid;grid-template-columns:60% 40%;align-items:center;min-height:clamp(300px,43svh,560px);padding:22px 0;position:relative}.screen-zone{min-width:0;position:relative}.screen-stage{height:clamp(255px,39svh,480px);position:relative;isolation:isolate;overflow:hidden;perspective:1100px;touch-action:pan-y;cursor:grab;overscroll-behavior-x:contain;-webkit-tap-highlight-color:transparent;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.screen-stage:active{cursor:grabbing}.screen-stage:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}.screen-rail{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--pitch,0deg)) rotateY(var(--yaw,0deg))}
.cell-film{position:absolute;left:50%;top:50%;width:67%;height:84%;max-width:580px;display:block;transform-style:preserve-3d;transform-origin:center center;border:1px solid #73796c;border-radius:4px;background:linear-gradient(160deg,#383d34,#11140f 28%,#20251b 80%,#353a31);box-shadow:0 18px 35px #0008,inset 0 1px #ffffff35;overflow:hidden;will-change:transform;pointer-events:none;user-select:none}.cell-frame{inset:14px 6px;position:absolute;overflow:hidden;background:#0a0c09}.cell-frame img,.cell-frame video{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}.cell-frame video{position:absolute;inset:0;opacity:0;transition:opacity .3s}.cell-frame video.playing{opacity:1}.cell-film:before,.cell-film:after{content:"";position:absolute;height:5px;left:10px;right:10px;z-index:1;background:repeating-linear-gradient(90deg,#c2ccae 0 8px,transparent 8px 19px);opacity:.58;mask:linear-gradient(90deg,#000c,#000,#000d)}.cell-film:before{top:4px}.cell-film:after{bottom:4px}.cell-gloss{pointer-events:none;position:absolute;inset:0;z-index:2;background:linear-gradient(111deg,transparent 18%,#f4ffd32a 42%,transparent 59%);opacity:var(--gloss,.2)}.cell-film.portrait .cell-frame img{object-fit:contain;background:#10120f}
.score-zone{perspective:850px;padding:8px clamp(19px,3.0vw,50px) 8px 4px;min-width:0}.score-stack{position:relative;transform-style:preserve-3d;transform:rotateY(var(--score-y,-3deg)) rotateX(var(--score-x,2deg));transform-origin:15% 50%}.score-stack:before,.score-stack:after{content:"";position:absolute;inset:4% 0;border:1px solid #98ad7a51;background:linear-gradient(120deg,#343c2d,#141810);border-radius:12px;box-shadow:0 10px 20px #0002;pointer-events:none}.score-stack:before{transform:translate3d(12px,7px,-28px) rotate(2.8deg)}.score-stack:after{transform:translate3d(6px,3px,-14px) rotate(1deg)}.score-page{min-height:260px;padding:clamp(17px,2.2vw,37px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1;border:1px solid #dbe7c43e;border-radius:12px;background:linear-gradient(135deg,#3d4736ed,#20271feb 42%,#1a2019f0);box-shadow:inset 0 1px 0 #efffd527,0 15px 28px #0005;backface-visibility:hidden}.projection-client{font-size:9px;letter-spacing:.09em;color:#c6d5b6;text-transform:uppercase}.score-page h3{font-size:clamp(24px,2.65vw,55px);font-weight:640;letter-spacing:-.067em;line-height:1.025;margin:11px 0 16px;text-wrap:balance}.projection-result{font-variant-numeric:tabular-nums;letter-spacing:-.065em;color:var(--lime);font-size:clamp(31px,3.9vw,75px);line-height:1;font-weight:650}.projection-result small{font-size:clamp(10px,.9vw,14px);letter-spacing:.02em;color:#c4ccba;font-weight:500;margin-left:.45em}.projection-secondary{font-size:10px;letter-spacing:.015em;color:#d6ddcd;margin:9px 0 14px}.projection-play{display:inline-flex;gap:8px;align-items:center;cursor:pointer;border:1px solid #f2ffd750;background:#f1ffd617;border-radius:999px;font-size:12px;font-weight:580;color:#f7f9ef;padding:9px 14px}
.projector-footer{border-top:1px solid #d7e3c326;padding-block:11px}.projector-guide{display:flex;align-items:center;gap:9px;font-size:10px;color:#c7cdba}.projector-guide i{color:var(--lime);font-size:14px;font-style:normal}.projection-controls{display:flex;gap:8px}.projection-controls button{width:38px;height:34px;border-radius:30px;border:1px solid #d9e5c948;background:#cedec410}.projection-controls button:disabled{opacity:.26}.projection-skip{display:block;width:max-content;max-width:100%;margin:10px 0 0 auto;color:#9da58e;letter-spacing:.01em;font-size:10px}.projection-skip:hover{color:var(--lime)}#after-projection{scroll-margin-top:25px}.screen-stage,.screen-stage *{-webkit-user-drag:none}
@media (min-aspect-ratio:19/10) and (max-height:650px){.projector-body{min-height:230px;padding:8px 0}.screen-stage{height:240px}.score-page{min-height:215px}.projector-header,.projector-footer{padding-block:7px}}
@media(max-width:760px){.projection-track{--sticky-top:8px;--step:clamp(180px,41svh,340px)}.projector-body{grid-template-columns:1fr;gap:0;padding:9px 0;min-height:0}.screen-stage{height:clamp(145px,28svh,300px);perspective:740px}.cell-film{width:65%;height:89%}.cell-frame{inset:11px 4px}.cell-film:before,.cell-film:after{height:4px}.cell-film:before{top:3px}.cell-film:after{bottom:3px}.score-zone{padding:5px 22px 8px;perspective:850px}.score-page{min-height:130px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px}.projection-client{font-size:8px;grid-column:1/-1}.score-page h3{font-size:clamp(19px,5.6vw,32px);grid-column:1/-1;margin:1px 0 4px}.projection-result{font-size:clamp(26px,7.6vw,43px)}.projection-result small{font-size:9px}.projection-secondary{margin:0;grid-column:1/2;font-size:9px}.projection-play{grid-column:2;grid-row:3/5;font-size:10px;padding:7px 9px;gap:5px;white-space:nowrap}.projection-play .triangle{border-top-width:3px;border-bottom-width:3px;border-left-width:5px}.projector-header,.projector-footer{margin-inline:14px;padding-block:9px}.projector-footer{padding-block:7px}.projector-guide{font-size:8px}.projection-controls button{width:32px;height:30px}.projection-skip{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.projection-track:after{height:0}.projection-sticky{position:relative;top:auto}.score-stack{transform:none}.projection-progress i{transition:none}}
@media(max-height:490px){.projection-track:after{height:0}.projection-sticky{position:relative;top:auto}}
.film-quality{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:16px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:11px}.film-quality select{max-width:65%;font:500 11px var(--micro);color:var(--paper);border:1px solid #626957;border-radius:20px;background:#24291f;padding:7px 9px}
.excerpt-bar{align-self:end;display:flex;gap:12px;padding:12px;align-items:center;justify-content:space-between;width:100%;background:#141710}.excerpt-bar small{color:#bec5b0;font:500 9px/1.5 var(--micro)}.excerpt-full{color:var(--lime);border:1px solid #baff4c55;border-radius:22px;padding:7px 10px;font-size:11px;white-space:nowrap}.cell-frame button{z-index:2}


/* Keep the athletes’ full silhouettes inside the moving film frame. */
.cell-frame.selected-still { background: #0b0c0b; }
.cell-frame.selected-still img { object-fit: contain; }
#cards .card-image { aspect-ratio: 4 / 3; }
#cards .card-image img { width: 100%; }
#cards .card { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; }