@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,600&family=DM+Sans:wght@400;500;600;700&display=swap');

:root { --ink:#10283c; --black:#030303; --cream:#f4eedb; --orange:#f04b16; --yellow:#f4b82f; --line:rgba(244,238,219,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"DM Sans",Arial,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
a:focus-visible, summary:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
section { scroll-margin-top:78px; }
.topbar { height:34px; background:linear-gradient(90deg,var(--yellow),#ffd770,var(--orange)); color:var(--black); display:flex; justify-content:center; align-items:center; gap:32px; font-size:10px; letter-spacing:.18em; font-weight:700; }
.topbar p { margin:0; }
.topbar a { border-left:1px solid rgba(18,29,42,.35); padding-left:32px; }
.topbar span { margin-left:7px; }
.nav { height:102px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; background:var(--black); color:var(--cream); position:relative; z-index:10; border-bottom:1px solid #292318; }
.brand { display:flex; align-items:center; gap:12px; font-weight:700; font-size:11px; line-height:1.05; letter-spacing:.04em; }
.brand-logo { width:122px; height:56px; object-fit:cover; object-position:center; border-radius:4px; }
.brand-name { display:none; }
.brand-mark { width:36px; height:36px; border:2px solid var(--cream); border-radius:50%; display:block; position:relative; }
.brand-mark i { position:absolute; width:5px; height:5px; background:var(--cream); border-radius:50%; top:8px; left:16px; }
.brand-mark i:nth-child(2) { top:15px; left:9px; }.brand-mark i:nth-child(3) { top:16px; left:20px; }
.nav-links { display:flex; gap:38px; font-size:12px; font-weight:600; }
.nav-links a,.footer-nav a { position:relative; }
.nav-links a:after,.footer-nav a:after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:2px; background:var(--orange); transition:.25s; }
.nav-links a:hover:after,.footer-nav a:hover:after { right:0; }
.nav-cta,.button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
.nav-cta { background:var(--orange); color:#fff; padding:15px 18px; box-shadow:0 0 28px rgba(240,75,22,.2); }
.mobile-menu { display:none; }
.hero { min-height:720px; position:relative; overflow:hidden; background:radial-gradient(circle at 77% 40%,#251608 0%,var(--black) 34%,#000 72%); color:#fff; padding:76px 7vw 60px; display:grid; grid-template-columns:.92fr 1.08fr; }
.hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.98) 43%,rgba(0,0,0,.62) 58%,rgba(0,0,0,.04) 82%); z-index:1; pointer-events:none; }
.hero:after { content:none; }
.lane-lines { position:absolute; inset:0; opacity:.12; overflow:hidden; }
.lane-lines span { position:absolute; width:1px; height:120%; background:white; top:-10%; transform:rotate(18deg); left:47%; }.lane-lines span:nth-child(2){left:57%}.lane-lines span:nth-child(3){left:67%}.lane-lines span:nth-child(4){left:77%}
.hero-copy { position:relative; z-index:3; max-width:670px; }
.eyebrow,.kicker { font-size:10px; font-weight:700; letter-spacing:.22em; margin:0 0 22px; }
h1,h2,.statement { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(76px,9vw,138px); line-height:.75; letter-spacing:-.035em; font-weight:800; text-transform:uppercase; }
h1 span { color:var(--orange); } h1 em { font:inherit; color:inherit; }
h2 em,.statement em { font:inherit; font-style:italic; color:var(--orange); }
.hero-intro { font-size:17px; line-height:1.55; max-width:420px; margin:40px 0 32px 7px; color:#d7d0c1; }
.hero-actions { display:flex; align-items:center; gap:34px; margin-left:7px; }
.button { padding:18px 20px; min-width:190px; transition:transform .2s,background .2s; }.button:hover{transform:translateY(-2px)}
.button-light { background:var(--cream); color:var(--ink); }.button-light:hover{background:var(--yellow)}
.text-link { font-size:12px; font-weight:700; border-bottom:1px solid #687380; padding-bottom:5px; }.text-link span{margin-left:18px}
.hero-visual { position:absolute; inset:5% 2.5% 7% 42%; z-index:2; display:flex; align-items:center; justify-content:center; }
.hero-visual img { width:100%; height:100%; object-fit:contain; filter:saturate(1.08) contrast(1.04); }
.ball { width:295px; height:295px; border-radius:50%; background:var(--orange); position:absolute; right:12%; bottom:26px; box-shadow:-30px 30px 70px rgba(0,0,0,.28); }
.ball span,.rank-ball i { position:absolute; width:34px; height:34px; border-radius:50%; background:var(--ink); top:54px; left:122px; }.ball span:nth-child(2){top:89px;left:82px}.ball span:nth-child(3){top:102px;left:137px}
.pin { position:absolute; width:92px; height:330px; background:#f9f6ed; border-radius:48% 48% 38% 38% / 28% 28% 14% 14%; clip-path:polygon(38% 0,62% 0,70% 7%,67% 22%,86% 58%,93% 82%,78% 100%,22% 100%,7% 82%,14% 58%,33% 22%,30% 7%); transform:rotate(-7deg); right:33%; top:5px; }
.pin b,.pin i { position:absolute; height:13px; background:var(--orange); left:22%; right:22%; top:83px; transform:rotate(3deg); }.pin i{top:103px}.pin-two{right:9%;top:63px;transform:scale(.78) rotate(14deg);opacity:.92}.pin-three{right:55%;top:116px;transform:scale(.6) rotate(-18deg);opacity:.75}
.hero-stat { position:absolute; left:4vw; bottom:30px; display:grid; grid-template-columns:auto auto auto; align-items:end; gap:18px; z-index:2; border-left:2px solid var(--orange); padding-left:18px; }
.hero-stat span { font-size:8px; letter-spacing:.15em; align-self:start; }.hero-stat strong{font-size:44px;line-height:.8}.hero-stat p{font-size:10px;color:#9da7b2;margin:0;line-height:1.4}
.ticker { height:52px; background:var(--black); color:var(--cream); border-top:1px solid #2b2116; display:flex; align-items:center; justify-content:space-around; font-size:10px; font-weight:700; letter-spacing:.18em; overflow:hidden; }.ticker p{white-space:nowrap}.ticker span{font-size:8px;color:var(--yellow)}
.construction-notice { padding:84px 7vw; background:var(--yellow); display:grid; grid-template-columns:18px minmax(0,1.35fr) minmax(260px,.65fr); gap:52px; color:var(--ink); }
.construction-stripe { min-height:270px; background:repeating-linear-gradient(-45deg,var(--ink) 0 12px,var(--orange) 12px 24px); }
.construction-copy .kicker { margin-bottom:26px; }
.construction-copy h2 { max-width:850px; font-size:clamp(52px,6vw,86px); line-height:.86; }
.construction-copy>p:not(.kicker) { max-width:780px; margin:28px 0 0; font-size:17px; line-height:1.6; }
.construction-copy>p:last-child { margin-top:12px; font-weight:700; }
.construction-side { border-left:1px solid rgba(16,40,60,.38); padding-left:36px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:42px; }
.construction-status { margin:0; display:flex; align-items:center; gap:11px; font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.construction-status span { width:10px; height:10px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(240,75,22,.18); }
.section { padding:110px 7vw; }
.section-head { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:80px; }
.section-head h2,.rank-title h2 { font-size:clamp(64px,7vw,104px); }
.section-head>p { max-width:470px; font-size:18px; line-height:1.6; margin:0 0 5px; }
.event-list { border-top:1px solid var(--ink); }
.event { display:grid; grid-template-columns:60px 1fr 2fr .7fr 56px; align-items:center; gap:22px; padding:25px 8px; border-bottom:1px solid rgba(16,40,60,.18); transition:background .2s,padding .2s; }
.event:hover { background:rgba(244,184,47,.16); padding-left:18px; }
.event-num,.event-date,.event-purse small { font-size:9px; letter-spacing:.12em; font-weight:700; }.event-date{font-size:11px}
.event-main { display:flex; flex-direction:column; }.event-main strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:31px;text-transform:uppercase;letter-spacing:.01em}.event-main small,.player small{color:#68717a;font-size:11px;margin-top:5px}
.event-purse { display:flex; flex-direction:column; gap:5px; font-weight:700; }.round-arrow{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center}
.outline-button { margin-top:38px; display:inline-flex; gap:35px; border:1px solid var(--ink); padding:16px 20px; font-size:10px; text-transform:uppercase; font-weight:700; letter-spacing:.1em; }
.empty-panel { min-height:290px; border-top:1px solid var(--ink); border-bottom:1px solid rgba(16,40,60,.18); padding:42px 8px 48px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.empty-label { margin:0 0 18px; font-size:9px; font-weight:700; letter-spacing:.18em; }
.empty-panel h3 { margin:0; max-width:700px; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(38px,4.5vw,62px); line-height:.95; text-transform:uppercase; }
.empty-panel>p:not(.empty-label) { max-width:610px; margin:20px 0 0; font-size:16px; line-height:1.6; }
.empty-panel .outline-button { margin-top:28px; }
.rankings { background:linear-gradient(135deg,#f7c44f 0%,#f09a27 52%,var(--orange) 100%); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; color:var(--ink); }
.rank-title { position:relative; min-height:520px; }.rank-title em{color:#fff}.rank-ball{width:170px;height:170px;background:radial-gradient(circle at 34% 28%,#324762 0 7%,#07182d 45%,#020911 100%);border-radius:50%;position:absolute;bottom:0;left:20%;box-shadow:20px 25px 40px rgba(72,20,0,.28)}.rank-ball i{background:var(--orange);width:18px;height:18px;top:34px;left:72px}.rank-ball i:nth-child(2){top:55px;left:48px}.rank-ball i:nth-child(3){top:61px;left:78px}
.rankings .empty-panel { align-self:center; border-color:rgba(16,40,60,.42); }
.rank-table { border-top:1px solid rgba(18,29,42,.55); }.rank-header,.rank-row{display:grid;grid-template-columns:70px 1fr 110px 80px;align-items:center;border-bottom:1px solid rgba(18,29,42,.28);padding:18px 0}.rank-header{grid-template-columns:1fr 110px 80px;font-size:9px;letter-spacing:.12em;font-weight:700;padding:10px 0}.rank-number{font-family:"Barlow Condensed",Impact,sans-serif;font-size:31px;font-weight:700}.player{display:flex;flex-direction:column}.player strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:23px;text-transform:uppercase}.player small{color:#58210e}.rank-row>strong{font-size:13px}.table-link{display:flex;justify-content:space-between;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:22px 0}
.mission { background:radial-gradient(circle at 50% -20%,#1f2f3b,var(--black) 58%);color:var(--cream); }.mission>.kicker{text-align:center;color:var(--yellow)}.statement { font-size:clamp(52px,6vw,88px);line-height:.9;text-align:center;max-width:1100px;margin:0 auto 90px}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b4b61}.mission-grid>div{padding:30px 42px 20px 0;border-right:1px solid #3b4b61;min-height:230px}.mission-grid>div:not(:first-child){padding-left:42px}.mission-grid>div:last-child{border-right:0}.mission-grid strong{font-size:10px;color:var(--yellow)}.mission-grid h3{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:29px;margin:45px 0 12px}.mission-grid p{font-size:14px;line-height:1.55;color:#aeb8c5;max-width:300px}
.membership { padding:95px 7vw; background:linear-gradient(125deg,#f4eedb 0%,#f6cf70 64%,#ef8b24 100%); display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.membership h2{font-size:clamp(68px,8vw,118px)}.membership h2 em{color:var(--orange)}.membership-copy p{font-size:17px;line-height:1.6;margin:0 0 32px}.button-dark{background:var(--ink);color:#fff;min-width:215px}.button-dark:hover{background:var(--orange)}
footer{background:var(--black);color:#fff;padding:65px 7vw 28px;display:grid;grid-template-columns:1fr 1fr auto;gap:60px;align-items:start}.footer-brand .brand-logo{width:132px;height:58px}.footer-brand .brand-mark{border-color:#fff}.footer-brand .brand-mark i{background:#fff}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px}.social{display:flex;gap:8px}.social a{width:36px;height:36px;border:1px solid #55606d;border-radius:50%;display:grid;place-items:center;font-size:9px}.legal{grid-column:1/-1;border-top:1px solid #394655;padding-top:24px;margin-top:36px;display:flex;justify-content:space-between;font-size:8px;color:#8f9aa6;letter-spacing:.12em}
@media(max-width:800px){
  .topbar{justify-content:space-between;padding:0 18px;gap:8px}.topbar a{padding-left:12px;min-height:34px;display:flex;align-items:center}
  .nav{height:82px;padding:0 20px;position:sticky;top:0}.nav-links,.nav-cta{display:none}.brand{font-size:10px;max-width:220px}.brand-logo{width:96px;height:44px}.brand-mark{flex:0 0 36px}
  .mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;width:52px;height:46px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.12em}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary i,.mobile-menu summary i:after{content:"";display:block;width:24px;height:2px;background:var(--cream);transition:.2s}.mobile-menu[open] summary i{transform:rotate(45deg)}.mobile-menu[open] summary i:after{transform:rotate(-90deg)}
  .mobile-menu>div{position:absolute;right:-20px;top:62px;width:100vw;background:var(--ink);color:#fff;padding:16px 22px 28px;box-shadow:0 18px 35px rgba(0,0,0,.28)}.mobile-menu>div a{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid #3d4855;font-size:18px;font-weight:600}.mobile-menu>div a span{font-size:9px;color:var(--orange)}
  .hero{min-height:0;padding:54px 24px 38px;display:flex;flex-direction:column}.hero:before{background:linear-gradient(180deg,#000 0%,#000 42%,rgba(0,0,0,.65) 61%,#000 100%)}.hero-copy{z-index:3}.hero h1{font-size:clamp(74px,22vw,104px);line-height:.75}.hero-intro{font-size:16px;max-width:350px;margin:30px 0 28px}.hero-visual{position:relative;inset:auto;width:100%;height:auto;margin:58px auto 160px;z-index:2;opacity:1}.hero-visual img{width:100%;height:auto;object-fit:contain}.hero-stat{left:24px;bottom:35px}.hero-stat strong{font-size:38px}
  .ticker{gap:30px;justify-content:flex-start;padding:0 20px}.ticker p:nth-of-type(n+3),.ticker p:nth-of-type(n+3)+span{display:none}
  .construction-notice{padding:62px 24px;grid-template-columns:9px 1fr;gap:22px}.construction-stripe{grid-row:1 / span 2;min-height:100%}.construction-copy h2{font-size:clamp(48px,13vw,70px)}.construction-copy>p:not(.kicker){font-size:16px}.construction-side{grid-column:2;border-left:0;border-top:1px solid rgba(16,40,60,.38);padding:26px 0 0;gap:30px}
  .section{padding:76px 24px}.section-head,.rankings,.membership{grid-template-columns:1fr;gap:50px}.section-head{margin-bottom:44px}.section-head h2,.rank-title h2{font-size:clamp(58px,17vw,76px)}.section-head>p{font-size:16px}
  .event{grid-template-columns:38px 1fr 48px;grid-template-areas:"num main arrow" "num date arrow" "num purse arrow";gap:5px 10px;padding:20px 4px}.event-num{grid-area:num;align-self:start;padding-top:4px}.event-date{grid-area:date;display:block;font-size:10px}.event-main{grid-area:main}.event-purse{grid-area:purse;display:block;font-size:11px}.event-purse small{display:none}.round-arrow{grid-area:arrow;width:44px;height:44px}.event-main strong{font-size:20px}.outline-button{min-height:48px;align-items:center}
  .rank-title{min-height:360px}.rank-ball{width:120px;height:120px;left:auto;right:4%;bottom:10px}.rank-ball i{transform:scale(.7);top:20px;left:50px}.rank-ball i:nth-child(2){top:36px;left:34px}.rank-ball i:nth-child(3){top:42px;left:54px}.rank-header,.rank-row{grid-template-columns:44px 1fr 76px;min-height:65px}.rank-header{grid-template-columns:1fr 76px;min-height:auto}.rank-header span:nth-child(3),.rank-row>strong:last-child{display:none}.player strong{font-size:17px}.table-link{min-height:52px;align-items:center}
  .statement{margin-bottom:56px}.mission-grid{grid-template-columns:1fr}.mission-grid>div,.mission-grid>div:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:30px 0;min-height:auto}.mission-grid h3{margin:24px 0 8px}.mission-grid p{font-size:15px}
  .membership{padding:76px 24px}.membership-copy{max-width:480px}.membership-copy p{font-size:16px}.button{min-width:160px;min-height:52px}
  footer{grid-template-columns:1fr auto;gap:42px;padding:54px 24px 28px}.footer-nav{grid-column:1/-1;grid-row:2}.footer-nav a{min-height:44px;display:flex;align-items:center}.social a{width:44px;height:44px}.legal{flex-direction:column;gap:12px;line-height:1.5}.hero-actions{gap:20px}.text-link{font-size:10px;min-height:44px;display:flex;align-items:center}
}
@media(max-width:430px){
  .topbar{font-size:8px;letter-spacing:.1em}.topbar p{max-width:160px}.topbar a{border-left:0;padding-left:0}.brand{font-size:8px;line-height:1.15;max-width:210px}.brand-mark{width:32px;height:32px;flex-basis:32px}.brand-mark i{top:7px;left:14px}.brand-mark i:nth-child(2){top:13px;left:7px}.brand-mark i:nth-child(3){top:14px;left:18px}
  .hero{min-height:0;padding:48px 20px 38px}.hero h1{font-size:clamp(70px,22vw,92px)}.hero-intro{max-width:300px;line-height:1.5}.hero-actions{align-items:stretch;flex-direction:column;width:210px}.button{width:100%}.hero-visual{margin-top:64px;margin-bottom:160px}.hero-stat{left:20px;bottom:35px;grid-template-columns:auto auto;row-gap:7px}.hero-stat p{grid-column:2}
  .construction-notice{padding:54px 20px;grid-template-columns:7px 1fr;gap:17px}.construction-copy h2{font-size:clamp(42px,13vw,56px)}.construction-copy>p:not(.kicker){font-size:15px}.construction-side .button{width:100%}
  .section{padding:66px 20px}.section-head h2,.rank-title h2{font-size:clamp(52px,17vw,68px)}.event-main strong{font-size:18px}.statement{font-size:clamp(42px,13vw,54px)}.membership{padding:66px 20px}.membership h2{font-size:clamp(52px,16vw,66px)}
  footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.social{grid-row:2}.footer-nav{grid-row:3}.legal{grid-row:4}.footer-brand{max-width:none}
}
@media(max-width:350px){.topbar p{display:none}.topbar{justify-content:flex-end}.brand{max-width:200px}.hero h1{font-size:58px}.hero-visual{width:100%}.rank-row{grid-template-columns:38px 1fr 68px}.rank-header{grid-template-columns:1fr 68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}