.rules-page{--rules-ink:#07111f;--rules-blue:#1261a6;--rules-cream:#fff1de;--rules-paper:#f6f0e6;--rules-red:#f23418;--rules-orange:#ff9a3d;background:var(--rules-paper);color:#151b24;min-height:100vh}.rules-page header.bar{background:rgba(7,17,31,.96)}.rules-page .bar-in{max-width:1180px;padding:10px clamp(20px,4vw,58px)}.rules-page main{overflow:hidden}.rules-hero{background:radial-gradient(circle at 15% 20%,rgba(18,97,166,.3),transparent 36%),var(--rules-ink);color:var(--rules-cream);display:grid;grid-template-columns:1fr minmax(360px,.82fr);grid-gap:clamp(40px,7vw,100px);gap:clamp(40px,7vw,100px);min-height:640px;padding:clamp(70px,9vw,128px) max(24px,calc((100vw - 1180px)/2));position:relative}.rules-hero-copy{align-self:center;max-width:680px}.rules-kicker{align-items:center;color:var(--rules-orange);display:flex;font-size:11px;font-weight:800;gap:10px;letter-spacing:.18em;text-transform:uppercase}.rules-kicker span{background:var(--rules-red);border-radius:50%;height:7px;width:7px}.rules-hero h1{font-family:Barlow Condensed,Bricolage Grotesk,sans-serif;font-size:clamp(68px,9vw,128px);letter-spacing:-.045em;line-height:.82;margin-top:34px;text-transform:uppercase}.rules-hero h1 em{color:var(--rules-orange);font-style:italic}.rules-lead{color:#b8c2cc;font-size:clamp(16px,2vw,20px);line-height:1.65;margin-top:34px;max-width:590px}.rules-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.rules-actions a{border:1px solid rgba(255,241,222,.28);color:var(--rules-cream);font-size:13px;font-weight:800;letter-spacing:.04em;padding:13px 17px;text-decoration:none;text-transform:uppercase}.rules-actions a:first-child{background:var(--rules-red);border-color:var(--rules-red)}.rules-actions a span{margin-left:9px}.court-map{align-self:center;aspect-ratio:20/44;background:#145d50;border:3px solid rgba(255,241,222,.85);box-shadow:18px 18px 0 rgba(242,52,24,.75);display:grid;grid-template-rows:1fr .28fr 8px .28fr 1fr;max-height:510px;position:relative;width:min(100%,310px);justify-self:center;transform:rotate(3deg)}.court-half{display:grid;grid-template-columns:1fr 1fr}.court-half span{border:1px solid rgba(255,255,255,.7);color:rgba(255,255,255,.7);font-weight:800}.court-half span,.kitchen{align-items:center;display:flex;font-size:9px;justify-content:center;letter-spacing:.12em;text-transform:uppercase}.kitchen{border:1px solid rgba(255,255,255,.75);color:#fff;font-weight:900}.court-net{background:#fff;box-shadow:0 2px 0 rgba(0,0,0,.25);position:relative}.court-net span{background:var(--rules-ink);color:#fff;font-size:8px;font-weight:800;left:50%;letter-spacing:.1em;padding:3px 6px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}.serve-path{color:var(--rules-orange);font-size:64px;font-style:normal;left:22%;position:absolute;top:56%;transform:rotate(-3deg)}.rules-quick{background:var(--rules-red);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(24px,calc((100vw - 1180px)/2))}.rules-quick div{border-right:1px solid rgba(255,255,255,.28);display:grid;grid-gap:3px;gap:3px;padding:28px 24px}.rules-quick div:first-child{border-left:1px solid rgba(255,255,255,.28)}.rules-quick b{font-family:Barlow Condensed,Bricolage Grotesk,sans-serif;font-size:40px;line-height:1}.rules-quick span{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.first-rally,.rules-etiquette,.rules-faq,.rules-grid,.rules-source{margin-left:auto;margin-right:auto;max-width:1180px}.first-rally{padding:clamp(78px,10vw,132px) 24px}.rules-section-head p{color:var(--rules-red);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.rules-section-head h2{font-size:clamp(44px,6vw,76px);margin-top:14px;text-transform:uppercase}.rally-track{list-style:none;margin-top:58px}.rally-track li{border-top:1px solid rgba(7,17,31,.18);display:grid;grid-gap:32px;gap:32px;grid-template-columns:72px 1fr;padding:28px 0}.rally-track li:last-child{border-bottom:1px solid rgba(7,17,31,.18)}.rally-track>li>span{color:var(--rules-red);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800}.rally-track h3{font-size:clamp(22px,3vw,34px);text-transform:uppercase}.rally-track p{color:#56616d;line-height:1.7;margin-top:10px;max-width:760px}.rules-grid{display:grid;grid-gap:1px;gap:1px;grid-template-columns:1fr 1fr;padding:0 24px clamp(80px,10vw,128px)}.rule-card{background:#fff;border:1px solid rgba(7,17,31,.14);min-height:420px;padding:clamp(30px,5vw,56px)}.rule-card-dark{background:var(--rules-ink);color:var(--rules-cream)}.rule-card-orange{background:var(--rules-orange);color:var(--rules-ink)}.card-label{color:var(--rules-red)!important;font-size:10px!important;font-weight:900;letter-spacing:.16em!important;margin:0 0 28px!important;text-transform:uppercase}.rule-card-orange .card-label{color:#7e220d!important}.rule-card h2{font-size:clamp(30px,4vw,46px);text-transform:uppercase}.rule-card>p{color:#59636e;line-height:1.75;margin-top:22px}.rule-card-dark>p{color:#b8c2cc}.rule-card ul{display:grid;grid-gap:13px;gap:13px;list-style:none;margin-top:28px}.rule-card li{border-top:1px solid rgba(7,17,31,.16);line-height:1.5;padding:13px 0 0 22px;position:relative}.rule-card li:before{color:var(--rules-red);content:"●";font-size:8px;left:0;position:absolute;top:18px}.line-call{border-left:4px solid var(--rules-red);display:grid;grid-gap:3px;gap:3px;margin-top:30px;padding:8px 0 8px 18px}.line-call span{color:#75808b;font-size:11px;font-weight:800;text-transform:uppercase}.rules-etiquette{background:var(--rules-blue);color:#fff;display:grid;grid-gap:70px;gap:70px;grid-template-columns:.85fr 1.15fr;margin-bottom:clamp(80px,10vw,128px);padding:clamp(42px,7vw,76px)}.rules-etiquette h2{font-size:clamp(44px,6vw,72px);margin-top:24px;text-transform:uppercase}.rules-etiquette ul{list-style:none}.rules-etiquette li{border-top:1px solid rgba(255,255,255,.26);display:grid;grid-gap:10px;gap:10px;grid-template-columns:145px 1fr;padding:18px 0}.rules-etiquette li:last-child{border-bottom:1px solid rgba(255,255,255,.26)}.rules-etiquette b{font-size:13px;text-transform:uppercase}.rules-etiquette li span{color:#cbdced;font-size:14px}.rules-faq{padding:0 24px clamp(80px,10vw,120px)}.rules-faq details{border-top:1px solid rgba(7,17,31,.18);padding:22px 0}.rules-faq details:first-of-type{margin-top:42px}.rules-faq details:last-child{border-bottom:1px solid rgba(7,17,31,.18)}.rules-faq summary{cursor:pointer;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;list-style:none}.rules-faq summary:after{color:var(--rules-red);content:"+";float:right}.rules-faq details[open] summary:after{content:"−"}.rules-faq details p{color:#59636e;line-height:1.7;max-width:760px;padding-top:14px}.rules-source{align-items:center;border:1px solid rgba(7,17,31,.18);display:flex;gap:34px;justify-content:space-between;margin-bottom:100px;padding:28px}.rules-source>div{max-width:760px}.rules-source span{color:var(--rules-red);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.rules-source p{font-size:13px;line-height:1.6;margin-top:5px}.rules-source>a{background:var(--rules-ink);color:#fff;flex:none;font-size:12px;font-weight:800;padding:13px 16px;text-decoration:none;text-transform:uppercase}.rules-source>a span{color:var(--rules-orange);margin-left:7px}.rules-cta{background:var(--rules-ink);color:var(--rules-cream);padding:clamp(70px,10vw,120px) max(24px,calc((100vw - 1180px)/2));text-align:center}.rules-cta p{color:var(--rules-orange);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.rules-cta h2{font-size:clamp(44px,7vw,82px);margin:16px 0 30px;text-transform:uppercase}.rules-cta a{background:var(--rules-red);color:#fff;display:inline-block;font-size:12px;font-weight:900;padding:15px 18px;text-decoration:none;text-transform:uppercase}.rules-cta a span{margin-left:8px}.rules-page a:focus-visible,.rules-page summary:focus-visible{outline:3px solid var(--rules-orange);outline-offset:4px}@media(max-width:800px){.rules-hero{grid-template-columns:1fr;min-height:auto}.court-map{max-height:none;width:230px}.rules-quick{grid-template-columns:1fr 1fr}.rules-quick div:nth-child(3){border-left:1px solid rgba(255,255,255,.28)}.rules-etiquette,.rules-grid{grid-template-columns:1fr}.rules-source{align-items:flex-start;display:grid}.rules-source>a{width:max-content}}@media(max-width:520px){.rules-hero{padding-bottom:78px;padding-top:62px}.rules-hero h1{font-size:68px}.court-map{margin-top:16px;width:190px}.rules-quick div{padding:21px 14px}.rules-quick b{font-size:32px}.rally-track li{gap:14px;grid-template-columns:42px 1fr}.rule-card{min-height:auto;padding:32px 24px}.rules-etiquette{margin-left:18px;margin-right:18px;padding:34px 24px}.rules-etiquette li{grid-template-columns:1fr}.rules-source{margin-left:18px;margin-right:18px}.rules-source>a{width:100%}}@media(prefers-reduced-motion:reduce){.rules-page *{scroll-behavior:auto!important}}.rules-photo{background:var(--rules-ink);margin:0;overflow:hidden;position:relative}.rules-photo img{display:block;height:100%;object-fit:cover;width:100%}.rules-photo figcaption{align-items:flex-end;background:linear-gradient(transparent,rgba(7,17,31,.88));bottom:0;color:#fff;display:flex;gap:24px;justify-content:space-between;left:0;padding:56px clamp(20px,4vw,48px) 22px;position:absolute;width:100%}.rules-photo figcaption>span{font-family:Barlow Condensed,sans-serif;font-size:clamp(22px,3vw,36px);font-weight:800;text-transform:uppercase}.rules-photo figcaption a{color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-align:right;text-decoration:none;text-transform:uppercase}.rules-photo-wide{height:clamp(360px,58vw,720px)}.rules-photo-story{align-items:center;display:grid;grid-gap:clamp(42px,8vw,110px);gap:clamp(42px,8vw,110px);grid-template-columns:1fr 1fr;margin:0 auto clamp(80px,10vw,128px);max-width:1180px;padding:0 24px}.rules-photo-square{aspect-ratio:1}.rules-photo-story h2{font-size:clamp(44px,6vw,72px);margin-top:22px;text-transform:uppercase}.rules-photo-story>div>p:last-child{color:#59636e;font-size:17px;line-height:1.75;margin-top:24px;max-width:500px}@media(max-width:800px){.rules-photo-story{gap:36px;grid-template-columns:1fr}}@media(max-width:520px){.rules-photo-wide{height:420px}.rules-photo figcaption{align-items:flex-start;display:grid;grid-gap:8px;gap:8px}.rules-photo figcaption a{text-align:left}}