/* Sport context, models and interpretation: no waves, no pinned panel. */
#part-ii{--context-progress:0;--context-input:0;--context-model:0;--context-insight:0}
.developing-story{position:relative;max-width:720px;margin:10px 0 32px;isolation:isolate}
.context-art{position:relative;height:250px;margin:0 -25px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.context-layer{position:absolute;inset:0;pointer-events:none;will-change:transform}
.context-layer img{width:100%;height:100%;object-fit:fill;display:block}
.context-inputs{clip-path:polygon(0 0,33% 0,33% 100%,0 100%);transform:translateY(calc(8px - var(--context-input)*8px));opacity:calc(.2 + var(--context-input)*.8)}
.context-model{clip-path:polygon(33% 0,68% 0,68% 100%,33% 100%);opacity:calc(.18 + var(--context-model)*.82);transform:translateY(calc(10px - var(--context-model)*10px))}
.context-insight{clip-path:polygon(68% 0,100% 0,100% 100%,68% 100%);opacity:calc(.12 + var(--context-insight)*.88);transform:translateX(calc(16px - var(--context-insight)*16px))}
.context-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:center;margin:5px 0 0;font:600 14px/1.4 Nunito,sans-serif;color:#466a82}
.context-labels small{display:block;font:400 11px/1.5 Inter,sans-serif;margin-top:5px;color:#79909e}
.context-labels>span:nth-child(2){color:#3374b5;opacity:calc(.45 + var(--context-model)*.55)}
.context-labels>span:nth-child(3){opacity:calc(.45 + var(--context-insight)*.55)}
#part-ii .reading-page h3{font:600 18px/1.4 Nunito,sans-serif;letter-spacing:-.015em;color:#627f92;margin-bottom:12px;transition:color .4s}
#part-ii .reading-page.is-context-current h3{color:#3374b5}
@media(max-width:700px){.context-art{height:210px;margin:0 -18px}.context-labels{font-size:12px;gap:9px}.context-labels small{font-size:10px}.developing-story{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){#part-ii{--context-input:1!important;--context-model:1!important;--context-insight:1!important}.context-layer{transform:none;will-change:auto}#part-ii .reading-page h3{transition:none}}
@media print{#part-ii{--context-input:1!important;--context-model:1!important;--context-insight:1!important}.context-layer{transform:none}}
