/* Origin unfolds on arrival; the visitor remains free to scroll. */
.originScene{height:140svh}.originCopy{top:22%;width:43%;opacity:1}.originCopy h2{font-size:clamp(4rem,7.5vw,8rem)}
.streetPhoto{opacity:calc(1 - var(--origin-progress,0)*.96)}
.originShade{background:linear-gradient(90deg,rgba(22,27,40,.85),rgba(22,27,40,.12) 70%),linear-gradient(0deg,var(--navy),transparent 30%)}
.originField{width:59vw;right:2%;top:58%;opacity:var(--origin-progress,0);transform:translateY(-40%)}
.originPlayers{position:absolute;inset:0;width:100%;height:100%}
.perspectiveBoard{transition:transform .9s ease}.perspectiveScene[data-lens='1'] .perspectiveBoard{transform:translateY(-40%) scale(1.035)}
.perspectiveScene[data-lens='4'] .sharedPitch{opacity:calc(1 - var(--selection,0)*.72)}
.perspectiveScene[data-lens='4'] .perspectivePlane{opacity:calc(.75 - var(--selection,0)*.75)}
.perspectiveScene[data-lens='4'] .perspectiveCopy h2{font-size:clamp(3rem,5vw,5.4rem)}
.perspectiveScene[data-lens='4'] .perspectiveCopy p{font-size:clamp(1.6rem,3vw,3.4rem)}
.perspectiveScene[data-finale='clarity'] .perspectiveCopy p{color:var(--cyan)}
.perspectiveNav{font-size:14px}.perspectiveNote{font-size:12px}
@media(max-width:900px){.originCopy{left:20px;top:20%;width:90%}.originCopy h2{font-size:15vw}.originCopy>p:last-child{font-size:16px}.originField{width:94vw;right:3%;top:65%}.perspectiveNav{gap:10px;font-size:12px}.perspectiveScene[data-lens='4'] .perspectiveCopy h2{font-size:11vw}.perspectiveScene[data-lens='4'] .perspectiveCopy p{font-size:8vw}.perspectiveScene[data-lens='1'] .perspectiveBoard{transform:translateY(-30%)}}
@media(prefers-reduced-motion:reduce){.perspectiveBoard{transition:none}}