.matchup-story{color:#fff;background:#030817;height:190svh;position:relative}.matchup-stage{--travel:0px;--depth:20px;--ball-turn:0deg;--ball-tilt:0deg;--camera-x:0deg;--camera-y:0deg;--progress:1;isolation:isolate;background:radial-gradient(at 40% 36%,#c69a3520,#0000 36%),radial-gradient(at 40% 74%,#2d8aca26,#0000 36%),#030817;height:calc(100svh - 78px);min-height:580px;position:sticky;top:78px;overflow:hidden}.matchup-heading{z-index:4;text-align:center;pointer-events:none;position:absolute;top:5%;left:5%;right:5%}.matchup-kicker{letter-spacing:.23em;color:#d2b578;margin:0 0 10px;font-size:.8125rem;font-weight:800}.matchup-heading h2{letter-spacing:-.045em;margin:0;font:700 clamp(2.5rem,4.4vw,4.25rem)/1.08 Georgia,serif}.matchup-heading h2 em{color:#a5d9f5;font-weight:400}.matchup-heading>p:last-child,.matchup-scroll-hint{color:#aebed2;margin:12px 0 0;font-size:.9375rem;line-height:1.5}.matchup-still-hint{display:none}.matchup-viewport{perspective:1200px;perspective-origin:42% 56%;position:absolute;inset:0}.matchup-world{transform-style:preserve-3d;transform:rotateX(var(--camera-x)) rotateY(var(--camera-y));position:absolute;inset:0}.matchup-ball{aspect-ratio:1;width:min(clamp(110px,18vw,210px),21svh);transform-style:preserve-3d;outline-offset:9px;border-radius:50%;display:block;position:absolute;left:42%}.matchup-ball-madrid{transform:translate3d(-50%, calc(-50% + var(--travel)), var(--depth));top:40%}.matchup-ball-messi{transform:translate3d(-50%, calc(-50% - var(--travel)), var(--depth));top:72%}.matchup-ball img{object-fit:contain;width:100%;height:100%;transform:rotateY(var(--ball-tilt)) rotateZ(var(--ball-turn));border-radius:50%;transition:box-shadow .25s;display:block;box-shadow:0 24px 40px #0006}.matchup-ball-messi img{transform:rotateY(calc(-1 * var(--ball-tilt))) rotateZ(calc(-1 * var(--ball-turn)))}.matchup-ball:hover img,.matchup-ball:focus-visible img{box-shadow:0 28px 48px #0009,0 0 35px #badeff30}.matchup-ball:focus-visible{outline:3px solid #fff}.matchup-ball-caption{text-align:left;width:240px;position:absolute;top:50%;left:calc(100% + 35px);transform:translateY(-50%)translateZ(10px)}.matchup-ball-caption small{color:#d8b36a;letter-spacing:.1em;font-size:.8125rem;font-weight:700;display:block}.matchup-ball-messi .matchup-ball-caption small{color:#94d3f6}.matchup-ball-caption strong{letter-spacing:-.03em;margin:5px 0;font:700 clamp(2rem,3.4vw,3.5rem)/1.15 Georgia,serif;display:block}.matchup-ball-caption>span{color:#acbdd2;font-size:.9375rem;line-height:1.5;display:block}.matchup-ball-caption b{border-bottom:1px solid #7d91ab;margin-top:14px;padding-bottom:5px;font-size:.9375rem;font-weight:600;display:inline-block}.matchup-center-line{background:linear-gradient(#0000,#d8b36a44 20%,#92c9ed44 80%,#0000);width:1px;position:absolute;top:24%;bottom:13%;left:42%;transform:translateZ(-90px)}.matchup-versus{color:#8293ac;letter-spacing:.1em;background:#030817;padding:9px 0;font-size:.8125rem;position:absolute;top:56%;left:42%;transform:translate(-50%,-50%)}.matchup-bottom{z-index:5;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:3%;left:6%;right:6%}.matchup-bottom a,.matchup-motion-toggle{color:#b6c7de;font:500 .875rem/1.5 Arial,sans-serif}.matchup-bottom a{padding:10px 0}.matchup-bottom a:hover{color:#fff}.matchup-motion-toggle{cursor:pointer;background:#030817;border:1px solid #42516b;border-radius:999px;min-height:44px;padding:10px 16px}.matchup-motion-toggle:hover{color:#fff;background:#1a2943}.matchup-progress{background:#ffffff0d;height:2px;position:absolute;bottom:0;left:0;right:0}.matchup-progress i{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--progress));background:linear-gradient(90deg,#d8b36a,#9edbff);display:block}.matchup-story[data-paused=true] .matchup-scroll-hint{display:none}.matchup-story[data-paused=true] .matchup-still-hint{display:block}#soccer-collection,#matchup-title{scroll-margin-top:100px}.hero .soccer-hero-visual{perspective:1100px}.soccer-hero-visual .hero-ball{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.soccer-hero-visual .hero-ball-madrid{transform:translate3d(8%,-12px,60px)rotateY(10deg)rotate(-8deg)}.soccer-hero-visual .hero-ball-messi{transform:translate(-8%,18px)rotateY(-10deg)rotate(8deg)}.soccer-hero-visual:hover .hero-ball-madrid{transform:translate3d(8%,-24px,60px)rotateY(10deg)rotate(-5deg)}.soccer-hero-visual:hover .hero-ball-messi{transform:translate(-8%,30px)rotateY(-10deg)rotate(5deg)}@media (width<=700px){.matchup-story{height:175svh}.matchup-heading h2{font-size:clamp(2.25rem,8vw,3.25rem)}.matchup-heading>p{font-size:.875rem}.matchup-ball,.matchup-center-line,.matchup-versus{left:32%}.matchup-viewport{perspective-origin:32% 56%}.matchup-ball-caption{width:160px;left:calc(100% + 20px)}.matchup-ball-caption strong{font-size:2.25rem}.matchup-ball-caption small{letter-spacing:.03em;font-size:.75rem}.matchup-ball-caption>span,.matchup-ball-caption b{font-size:.875rem}.matchup-bottom{gap:10px;left:5%;right:5%}.matchup-motion-toggle{padding:8px 12px}}@media (width<=380px){.matchup-ball,.matchup-center-line,.matchup-versus{left:28%}.matchup-ball-caption{width:136px;left:calc(100% + 16px)}.matchup-ball-caption strong{font-size:2rem}}@media (prefers-reduced-motion:reduce),(height<=550px){.matchup-story{height:auto}.matchup-stage{min-height:640px;position:relative;top:0}.matchup-ball{width:130px}.matchup-scroll-hint,.matchup-motion-toggle,.matchup-progress{display:none}.matchup-still-hint{display:block}.matchup-world{transform:none}.matchup-ball img,.soccer-hero-visual .hero-ball{transition:none}.soccer-hero-visual:hover .hero-ball-madrid{transform:translate3d(8%,-12px,60px)rotateY(10deg)rotate(-8deg)}.soccer-hero-visual:hover .hero-ball-messi{transform:translate(-8%,18px)rotateY(-10deg)rotate(8deg)}}