:root{--red:#cf2733;--red-dark:#a61e29;--navy:#10263a;--blue:#194969;--cream:#f5f2ea;--white:#fff;--ink:#142536;--muted:#62717c;--line:#dbe0df;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{height:88px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 max(32px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(255,255,255,.22);color:#fff}.brand{width:178px}.brand img{width:100%;height:58px;object-fit:contain}.desktop-nav{display:flex;gap:34px;margin:auto;font-weight:600;font-size:15px}.desktop-nav a,.text-link{position:relative}.desktop-nav a:after,.text-link:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#fff;transition:.25s}.desktop-nav a:hover:after,.text-link:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 24px;border-radius:4px;font-family:"Manrope",sans-serif;font-weight:800;font-size:14px;transition:.25s}.button span{font-size:19px}.button-small{padding:12px 18px}.button-light{color:var(--red);background:#fff}.button-light:hover{background:var(--cream);transform:translateY(-2px)}.button-primary{background:var(--red);color:#fff}.button-primary:hover{background:var(--red-dark);transform:translateY(-2px)}.menu-button,.mobile-nav{display:none}
.hero{min-height:760px;height:92vh;max-height:920px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/club-overview.jpg") center 48%/cover no-repeat;transform:scale(1.035)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,34,.87) 0%,rgba(5,22,34,.56) 45%,rgba(5,22,34,.18) 72%),linear-gradient(0deg,rgba(4,20,31,.52),transparent 55%)}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto;padding-top:190px}.eyebrow{font-family:"Manrope",sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.14em;font-size:11px;color:var(--red);display:flex;align-items:center;gap:10px}.eyebrow span{width:27px;height:2px;background:currentColor}.eyebrow.light{color:#fff}.hero h1,.welcome h2,.section-heading h2,.join h2{font-family:"Manrope",sans-serif;font-size:clamp(58px,7vw,104px);line-height:.92;letter-spacing:-.065em;margin:26px 0 28px;max-width:850px}.hero h1{font-weight:800}.hero h1 em,.welcome h2 em,.section-heading h2 em,.join h2 em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:#f0b5b8}.hero-intro{font-size:20px;line-height:1.5;max-width:520px;color:rgba(255,255,255,.88)}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:38px}.play-link{display:flex;align-items:center;gap:12px;font-weight:700;font-size:14px}.play-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center}.hero-stats{position:absolute;z-index:2;right:max(32px,calc((100vw - var(--max))/2));bottom:42px;display:flex;background:rgba(10,34,51,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16)}.hero-stats div{padding:23px 30px;min-width:135px;border-right:1px solid rgba(255,255,255,.16)}.hero-stats div:last-child{border:0}.hero-stats strong{display:block;font:800 27px "Manrope"}.hero-stats span{font-size:11px;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.08em}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);transform:translateY(-1px);box-shadow:0 15px 50px rgba(17,36,50,.1);position:relative;z-index:4;background:#fff}.quick-actions>a{padding:25px 22px;display:flex;align-items:center;gap:15px;border-right:1px solid #e9e9e9;transition:.25s}.quick-actions>a:hover{background:var(--cream)}.quick-actions>a:last-child{border:0}.quick-actions small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.quick-actions span:not(.action-icon){font-weight:800;font-family:"Manrope"}.quick-actions b{margin-left:auto;color:var(--red)}.action-icon{font-size:21px;color:var(--red)}
.welcome{display:grid;grid-template-columns:1.25fr .75fr;gap:9%;padding:130px 0 70px;align-items:end}.welcome h2,.section-heading h2{font-size:clamp(46px,5.2vw,72px);margin:22px 0 0}.welcome h2 em,.section-heading h2 em{color:var(--red)}.welcome-text p{font-size:18px;line-height:1.75;color:var(--muted);margin:0 0 28px}.inline-link{font:800 14px "Manrope";display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:8px}.inline-link span{font-size:18px;color:var(--red)}
.sports-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:130px}.sport-card{height:460px;position:relative;overflow:hidden;color:#fff}.card-bg,.card-overlay{position:absolute;inset:0}.tennis-card .card-bg{background:url("assets/club-overview.jpg") 26% center/cover}.padel-card .card-bg{background:url("assets/padel.jpg") center/cover}.card-overlay{background:linear-gradient(0deg,rgba(9,28,42,.85),rgba(9,28,42,.05) 70%)}.sport-card:hover .card-bg{transform:scale(1.04)}.card-bg{transition:.5s}.sport-content{position:absolute;inset:auto 32px 30px;display:grid;grid-template-columns:46px 1fr auto;align-items:end}.sport-content .number{font:600 13px "Manrope";opacity:.7;align-self:start;margin-top:8px}.sport-content p{margin:0 0 3px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.sport-content h3{font:800 48px "Manrope";letter-spacing:-.04em;margin:0}.sport-content>a{width:50px;height:50px;border:1px solid rgba(255,255,255,.65);display:grid;place-items:center;font-size:22px;border-radius:50%;transition:.25s}.sport-content>a:hover{background:#fff;color:var(--red)}
.agenda{background:var(--navy);color:#fff;padding:120px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-heading.inverse h2{color:#fff}.section-heading.inverse h2 em{color:#e49ca2}.light-link{border-color:rgba(255,255,255,.5)}.event{display:grid;grid-template-columns:115px 1fr auto;align-items:center;padding:24px 22px;border-top:1px solid rgba(255,255,255,.17);transition:.25s}.event:last-child{border-bottom:1px solid rgba(255,255,255,.17)}.event:hover{background:rgba(255,255,255,.06);padding-left:30px}.event time{display:flex;align-items:baseline;gap:9px}.event time strong{font:800 46px "Manrope"}.event time span,.event-info>span{font:800 10px "Manrope";letter-spacing:.12em;color:#e49ca2}.event-info{border-left:1px solid rgba(255,255,255,.16);padding-left:36px}.event-info h3{font:700 23px "Manrope";margin:6px 0}.event-info p{margin:0;font-size:13px;color:#9fb0be}.event-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:20px}
.news{padding:130px 0}.news-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:24px}.news-card{border:1px solid var(--line);background:#fff}.news-card img,.news-art{width:100%;height:240px;object-fit:cover}.news-card.featured img{height:310px}.news-art{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--red);color:#fff}.news-art span{font:800 70px "Manrope";letter-spacing:-.06em;line-height:1}.news-art small{text-transform:uppercase;letter-spacing:.2em}.news-body{padding:28px}.news-body>span{font:800 10px "Manrope";color:var(--red);text-transform:uppercase;letter-spacing:.1em}.news-body h3{font:700 21px/1.35 "Manrope";letter-spacing:-.025em;margin:13px 0 30px}.news-body a{font-weight:800;font-size:13px}.featured .news-body h3{font-size:27px}.join{background:var(--red);color:#fff;text-align:center;padding:110px 24px 120px;position:relative;overflow:hidden}.join-content{position:relative;z-index:2}.join .eyebrow{justify-content:center}.join h2{font-size:clamp(52px,6vw,84px);margin:22px auto}.join h2 em{color:#f4c7ca}.join-content>p:not(.eyebrow){color:rgba(255,255,255,.82);font-size:17px;margin:0 auto 34px}.join-ball{position:absolute;width:230px;height:230px;border-radius:50%;border:3px solid rgba(255,255,255,.13)}.join-ball:before{content:"";position:absolute;inset:46% -10%;border-top:3px solid rgba(255,255,255,.13);transform:rotate(-28deg)}.ball-one{left:-70px;top:60px}.ball-two{right:-40px;bottom:-70px;transform:scale(.7)}
footer{background:#0b1d2c;color:#fff;padding-top:78px}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:70px;padding-bottom:70px}.footer-brand img{width:190px;height:70px;object-fit:contain}.footer-brand p{color:#8ea0ae;line-height:1.7}.footer-main h3{font:800 12px "Manrope";text-transform:uppercase;letter-spacing:.12em;color:#e49ca2;margin:0 0 20px}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px;font-size:14px;color:#b9c4cc}.footer-main>div p{margin:0 0 4px;line-height:1.7}.footer-main a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0 28px;display:flex;justify-content:space-between;font-size:11px;color:#8294a2}.footer-bottom div{display:flex;gap:24px}
@media(max-width:900px){.desktop-nav,.header-actions>.text-link{display:none}.site-header{height:76px;padding:0 24px}.brand{width:150px}.header-actions{margin-left:auto}.menu-button{display:block;background:none;border:0;width:34px;height:34px;padding:7px;position:relative}.menu-button span{position:absolute;width:21px;height:2px;background:#fff;left:7px;top:12px;transition:.25s}.menu-button span:last-child{top:20px}.site-header.menu-open .menu-button span:first-child{transform:translateY(4px) rotate(45deg)}.site-header.menu-open .menu-button span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:28px 24px;flex-direction:column;gap:20px;transform:translateY(-140%);opacity:0;transition:.3s;z-index:-1;font:700 19px "Manrope"}.site-header.menu-open .mobile-nav{transform:translateY(0);opacity:1}.hero{height:800px}.hero-content{padding-top:175px}.hero h1{font-size:68px}.hero-stats{left:24px;right:24px;bottom:28px}.hero-stats div{flex:1;padding:17px;min-width:0}.quick-actions{grid-template-columns:1fr 1fr}.welcome{grid-template-columns:1fr;gap:40px;padding-top:100px}.sports-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.footer-main{grid-template-columns:1.5fr 1fr;gap:50px}.agenda{padding:95px 0}}
@media(max-width:600px){.section-wrap{width:min(100% - 32px,var(--max))}.header-actions>.button{display:none}.hero{height:730px;min-height:700px}.hero-content{width:calc(100% - 32px);padding-top:145px}.hero h1{font-size:50px}.hero-intro{font-size:17px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:20px}.hero-stats{left:16px;right:16px;bottom:18px}.hero-stats strong{font-size:22px}.hero-stats span{font-size:8px}.quick-actions{width:100%;grid-template-columns:1fr}.quick-actions>a{padding:19px 24px}.welcome{padding:85px 0 50px}.welcome h2,.section-heading h2{font-size:43px}.welcome-text p{font-size:16px}.sports-grid{width:100%;gap:2px;padding-bottom:85px}.sport-card{height:400px}.section-heading{align-items:flex-start;flex-direction:column;gap:30px}.agenda{padding:80px 0}.event{grid-template-columns:78px 1fr;padding:20px 0}.event time{align-items:flex-start;flex-direction:column;gap:0}.event time strong{font-size:38px}.event-info{padding-left:20px}.event-info h3{font-size:18px}.event-arrow{display:none}.news{padding:85px 0}.news-grid{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.news-card.featured img{height:230px}.join{padding:85px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}