@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--ink:#142320;--cream:#f5f2e8;--lime:#d8f35d;--green:#27483c;--white:#fff;--muted:#62716a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;outline:3px solid #ed853c}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:#fff;padding:1rem;top:1rem;left:1rem}.header{background:var(--cream);align-items:center;gap:3rem;height:85px;padding:0 5%;display:flex}.logo{letter-spacing:-.03em;align-items:center;gap:.45rem;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900;line-height:.75;display:flex}.logo-mark{font-size:2.8rem}.logo small,.footer-logo small{letter-spacing:.13em;font-family:DM Sans,sans-serif;font-size:.48rem;line-height:2.4;display:block}.header nav{letter-spacing:.09em;gap:2.5rem;margin-left:auto;font-size:.7rem;font-weight:700;display:flex}.header nav a:hover,.text-link:hover{opacity:.6}.header-cta,.button{letter-spacing:.08em;background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:2rem;min-height:50px;padding:1.15rem 1.4rem;font-size:.72rem;font-weight:700;display:inline-flex}.header-cta span,.button span{font-size:1.1rem}.header-cta:hover,.button:hover{filter:brightness(.88)}.hero{color:#fff;height:min(760px,100vh - 85px);min-height:600px;position:relative;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url(https://images.unsplash.com/photo-1761644310400-fe763d140148?auto=format&fit=crop&w=2200&q=85) 50% 48%/cover}.hero-shade{background:linear-gradient(90deg,#081b18c7,#081b182e 80%),linear-gradient(#0000 50%,#081b1866)}.hero-content{flex-direction:column;justify-content:center;height:100%;padding:4% 7%;display:flex;position:relative}.eyebrow,.section-tag,.micro{letter-spacing:.16em;font-size:.67rem;font-weight:700}.eyebrow{align-items:center;gap:1rem;display:flex}.dot{background:var(--lime);border-radius:50%;width:8px;height:8px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;line-height:.86}h1{margin:2rem 0;font-size:clamp(5rem,10.8vw,10.5rem)}h1 em{color:var(--lime);font-style:normal}.hero-bottom{align-items:center;gap:4rem;display:flex}.hero-bottom p{font-size:1rem;line-height:1.5}.lime{background:var(--lime);color:var(--ink)}.hero-side{writing-mode:vertical-rl;letter-spacing:.18em;font-size:.62rem;font-weight:700;position:absolute;top:40%;right:2%}.hero-index{font-size:.7rem;position:absolute;bottom:2rem;right:5%}.ticker{background:var(--lime);white-space:nowrap;letter-spacing:.04em;padding:1rem 0;font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:800;overflow:hidden}.ticker div{min-width:max-content}.ticker b{padding:0 2rem}.section{padding:8rem 7%}.section-tag{margin-bottom:2rem}.intro{grid-template-columns:1fr 2fr .7fr;gap:2rem;display:grid;position:relative}.intro h2,.section-head h2,.event-content h2,.booking h2,.visit h2{font-size:clamp(4rem,7.4vw,7.5rem)}h2 span{color:#79927b}.intro-copy{max-width:520px;margin:2rem 0 0 auto}.intro-copy p,.section-head p,.event-content p,.booking p,.visit p{margin-bottom:1.3rem;font-size:1.05rem;line-height:1.7}.text-link{letter-spacing:.1em;border-bottom:1px solid;padding:.8rem 0;font-size:.7rem;font-weight:700;display:inline-block}.stamp{border:2px solid var(--green);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;place-self:end;align-items:center;width:130px;height:130px;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:900;line-height:.9;display:flex;transform:rotate(12deg)}.stamp span{color:#a1b650}.stamp small{letter-spacing:.1em;margin-top:.5rem;font-family:DM Sans,sans-serif;font-size:.45rem}.courts{background:#e6e9dd}.section-head{justify-content:space-between;align-items:end;margin-bottom:3rem;display:flex}.section-head p{max-width:310px}.court-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.court-image{aspect-ratio:1.35;background-position:50%;background-size:cover;transition:background-size .3s;position:relative}.court-number{background:var(--cream);letter-spacing:.12em;padding:.65rem .8rem;font-size:.62rem;font-weight:700;position:absolute;top:1.2rem;left:1.2rem}.court-arrow{background:var(--lime);place-items:center;width:45px;height:45px;font-size:1.4rem;display:grid;position:absolute;bottom:1.2rem;right:1.2rem}.court-info{background:var(--cream);justify-content:space-between;gap:1rem;padding:1.6rem;display:flex}.micro{color:#728078}.court-info h3{margin:.6rem 0;font-size:2.7rem}.court-info p{color:#59665f;max-width:370px;font-size:.85rem;line-height:1.6}.price{text-align:right;white-space:nowrap}.price span,.price small{letter-spacing:.1em;font-size:.6rem;display:block}.price strong{font-family:Barlow Condensed,sans-serif;font-size:2.3rem}.sample-note{color:#66736c;margin-top:1.3rem;font-size:.75rem}.events{grid-template-columns:1fr 1fr;min-height:630px;display:grid}.event-photo{background:url(https://images.unsplash.com/photo-1762423570127-c36ff11b883f?auto=format&fit=crop&w=1400&q=80) 50%/cover}.event-content{background:var(--lime);flex-direction:column;align-items:flex-start;padding:6rem 12%;display:flex}.event-content h2 span{color:#617a45}.event-content p{max-width:440px;margin:2rem 0}.dark{background:var(--ink)}.event-bottom{letter-spacing:.1em;border-top:1px solid #1423204d;justify-content:space-between;width:100%;margin-top:auto;padding-top:1.4rem;font-size:.62rem;font-weight:700;display:flex}.booking{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.booking>div:first-child p{max-width:420px;margin-top:2rem}.booking-card{background:var(--green);color:#fff;flex-direction:column;justify-content:space-between;min-height:380px;padding:2.5rem;display:flex}.booking-icon{color:var(--lime);font-size:3rem}.booking-card h3{margin:1rem 0;font-size:3.8rem}.booking-card p{color:#d4ded6;font-size:.9rem}.booking-card .micro{color:var(--lime)}.pill{letter-spacing:.1em;border:1px solid #98aa9f;border-radius:99px;align-self:start;padding:.8rem 1rem;font-size:.65rem}.visit{background:#dee6da;grid-template-columns:1fr 1fr;min-height:570px;display:grid}.visit-copy{padding:6rem 14%}.visit-copy p{margin-top:2rem}.address{border-top:1px solid #aab9ab;border-bottom:1px solid #aab9ab;margin:2rem 0 1rem;padding:1.5rem 0}.address strong,.address small{margin-top:.6rem;line-height:1.6;display:block}.address small{color:#69766d}.visit iframe{filter:grayscale(.7);border:0;width:100%;height:100%;min-height:400px}footer{background:var(--ink);color:var(--cream);padding:5rem 7% 1.5rem}.footer-top{grid-template-columns:2fr 1.4fr 1fr 1.5fr;gap:2rem;padding-bottom:5rem;display:grid}.footer-logo{letter-spacing:-.04em;font:900 5rem/.8 Barlow Condensed,sans-serif}.footer-logo span{color:var(--lime)}.footer-logo small{font-size:.6rem}.footer-top>p{font:800 1.7rem/.95 Barlow Condensed,sans-serif}.footer-top div a{margin-top:.8rem;font-size:.85rem;display:block}.footer-top div p{margin-top:1rem;font-size:.85rem}.footer-bottom{letter-spacing:.1em;border-top:1px solid #52625a;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.57rem;display:flex}.footer-bottom a{font-weight:700}@media (max-width:800px){.header{gap:1rem;height:72px;padding:0 5%}.header nav{display:none}.header-cta{margin-left:auto;padding:.9rem;font-size:.6rem}.hero{height:75vh;min-height:610px}.hero-content{padding:2rem 6%}.hero-photo{background-position:60%}.hero h1{font-size:clamp(4.8rem,16vw,7.5rem)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}.hero-side{display:none}.section{padding:5rem 6%}.intro{display:block}.intro-copy{margin:2rem 0}.stamp{display:none}.section-head{display:block}.section-head p{margin-top:1.5rem}.court-grid,.events,.booking,.visit{grid-template-columns:1fr}.court-grid{gap:1.5rem}.event-photo{min-height:350px}.event-content{min-height:480px;padding:4rem 6%}.booking{gap:2rem}.booking-card{min-height:330px}.visit-copy{padding:5rem 6%}.visit iframe{min-height:350px}.footer-top{grid-template-columns:1fr 1fr;gap:3rem}.footer-bottom{flex-wrap:wrap}.footer-bottom span:last-child{display:none}}@media (max-width:420px){.logo{font-size:1.6rem}.logo-mark{font-size:2.2rem}.court-info{flex-direction:column}.price{text-align:left}.price span,.price strong,.price small{margin-right:.4rem;display:inline}.footer-top{grid-template-columns:1fr 1fr}.footer-logo{font-size:4rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@keyframes hero-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-photo-enter{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ticker-run{to{transform:translate(-50%)}}@keyframes rally-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes mark-turn{to{transform:rotate(90deg)}}@media (prefers-reduced-motion:no-preference){.hero-photo{animation:1.4s ease-out both hero-photo-enter}.hero-content .eyebrow{animation:.65s .1s both hero-enter}.hero-content h1{animation:.8s .2s both hero-enter}.hero-bottom{animation:.8s .4s both hero-enter}.dot{animation:2.2s ease-in-out infinite rally-pulse}.ticker div{animation:24s linear infinite ticker-run}.ticker:hover div{animation-play-state:paused}.will-reveal{opacity:0;transition:opacity .65s ease var(--reveal-delay,0s),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s);transform:translateY(28px)}.will-reveal.is-visible{opacity:1;transform:none}}.button,.header-cta,.court,.court-arrow,.court-image,.booking-card,.logo-mark,.text-link,.court-link{transition:transform .25s,box-shadow .25s,background-color .25s,color .25s,filter .25s,background-size .4s}.button span,.header-cta span,.court-link span{transition:transform .25s;display:inline-block}.court-link{letter-spacing:.1em;border-bottom:1px solid;align-items:center;gap:.7rem;margin-top:1.2rem;padding-bottom:.35rem;font-size:.62rem;font-weight:700;display:inline-flex}.court:focus-within{outline-offset:4px;outline:3px solid #ed853c}@media (hover:hover){.button:hover,.header-cta:hover{filter:none;transform:translateY(-3px);box-shadow:0 9px #1423202e}.button:hover span,.header-cta:hover span,.court-link:hover span{transform:translate(4px,-4px)}.header nav a{position:relative}.header nav a:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .25s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.header nav a:hover:after{transform:scaleX(1)}.logo:hover .logo-mark{transform:rotate(90deg)}.court:hover{transform:translateY(-8px);box-shadow:0 18px 35px #14232029}.court:hover .court-image{filter:saturate(1.2)brightness(1.06)}.court:hover .court-arrow{color:#d8f35d;background:#142320;transform:rotate(45deg)}.booking-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #14232029}.booking-card:hover .booking-icon{animation:.5s both mark-turn}.text-link:hover,.court-link:hover{color:#3f6956;opacity:1}}.button:active,.header-cta:active{transform:translateY(1px)}.button:focus-visible span,.header-cta:focus-visible span,.court-link:focus-visible span{transform:translate(4px,-4px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.will-reveal{opacity:1;transform:none}}
