@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-wdth-normal.1chd077tiu-qs.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-ext-wdth-normal.1w-ual84inuz5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-wdth-normal.3b1_7etm2gpf5.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--court:#1d4e89;--court-deep:#163f70;--surround:#2f6b4f;--line:#fff;--ball:#e6f03c;--ink:#10243a;--paper:#f5f7f6;--muted:#56687a;--rule:#d5dde2;--font:"Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(20px, 5vw, 56px);--max:1160px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;font-stretch:100%;line-height:1.55}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.005em;font-weight:800;font-stretch:68%;line-height:.95}h3{font-size:21px;font-weight:700;font-stretch:88%;line-height:1.2}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.header{padding:22px 0}.header .wrap{justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-.01em;align-items:center;gap:10px;font-size:24px;font-weight:800;font-stretch:80%;display:inline-flex}.status{color:var(--muted);font-size:14px}.hero{padding:clamp(24px,5vw,64px) 0 clamp(56px,8vw,104px)}.hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.hero h1{max-width:10.5ch;font-size:clamp(58px,8.2vw,124px)}.hero .lede{max-width:34ch;margin-top:28px;font-size:clamp(18px,1.6vw,21px);line-height:1.5}.hero .note{color:var(--muted);max-width:40ch;margin-top:22px;font-size:15px}.court-panel{background:var(--surround);border-radius:6px;padding:clamp(18px,3vw,32px);position:relative}.court-panel svg{width:100%;height:auto;display:block}.readout{background:var(--ink);width:fit-content;color:var(--line);font-variant-numeric:tabular-nums;border-radius:4px;grid-template-columns:auto auto;gap:2px 22px;margin-top:clamp(14px,2vw,22px);padding:12px 16px 13px;display:grid}.readout .label{color:#b9c6d2;grid-column:1/-1;margin-bottom:4px;font-size:13px}.readout .num{font-size:34px;font-weight:800;font-stretch:70%;line-height:1}.readout .num.now{color:var(--ball)}.readout .when{color:#b9c6d2;font-size:12px}.mark{transform-box:fill-box;transform-origin:50%;animation:.42s cubic-bezier(.2,.9,.3,1.2) both land;animation-delay:calc(.3s + var(--i) * .11s)}@keyframes land{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mark{animation:none}}.section{border-top:1px solid var(--rule);padding:clamp(64px,9vw,120px) 0}.section h2{max-width:16ch;font-size:clamp(44px,6vw,80px)}.section .intro{max-width:46ch;color:var(--muted);margin-top:20px;font-size:19px}.sides{grid-template-columns:1fr 3px 1fr;gap:clamp(28px,5vw,64px);margin-top:clamp(40px,6vw,72px);display:grid}.net{background:var(--ink);position:relative}.net:before,.net:after{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;left:-3px}.net:before{top:-4px}.net:after{bottom:-4px}.side .question{font-size:clamp(30px,3.4vw,42px);font-weight:700;font-stretch:72%;line-height:1.02}.side p{max-width:38ch;margin-top:16px}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,48px);margin:clamp(40px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-top:3px solid var(--ink);padding-top:18px}.steps li:before{content:counter(step);color:var(--court);margin-bottom:14px;font-size:64px;font-weight:800;font-stretch:62%;line-height:1;display:block}.steps p{max-width:34ch;margin-top:10px}.goals{grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,36px);margin:clamp(40px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.goal .mini{background:var(--surround);border-radius:4px;padding:12px}.goal .mini svg{width:100%;height:auto;display:block}.goal h3{margin-top:18px}.goal p{color:var(--muted);margin-top:6px;font-size:15.5px}.partner .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,88px);display:grid}.partner .body p+p{margin-top:16px}.partner .body{max-width:40ch;padding-top:8px;font-size:19px}.closing{background:var(--court);color:var(--line);padding:clamp(80px,11vw,140px) 0;position:relative;overflow:hidden}.closing .lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.closing .wrap{position:relative}.closing h2{max-width:10ch;font-size:clamp(56px,9vw,128px)}.closing p{color:#d9e3ee;max-width:44ch;margin-top:26px;font-size:19px}.footer{background:var(--court-deep);color:#b9c6d2;padding:24px 0;font-size:14px}@media (max-width:900px){.hero .wrap,.partner .wrap{grid-template-columns:1fr}.hero h1{max-width:9ch}.court-panel{max-width:520px}.goals{grid-template-columns:repeat(2,1fr);row-gap:40px}.steps{grid-template-columns:1fr}}@media (max-width:680px){body{font-size:16.5px}.status{display:none}.sides{grid-template-columns:1fr;gap:36px}.net{height:3px}.net:before,.net:after{top:-3px;left:auto}.net:before{left:-4px}.net:after{bottom:auto;right:-4px}.readout .num{font-size:28px}}