@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--gold:#f2bd18;--black:#090909;--panel:#121212;--muted:#b7b7b7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Montserrat,Arial,sans-serif}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:fixed;top:0;width:100%;z-index:20;background:rgba(5,5,5,.92);backdrop-filter:blur(10px);border-bottom:1px solid #272727}.brand{font-size:22px;font-weight:800;letter-spacing:3px;color:#fff;text-decoration:none}.brand span{color:var(--gold);font-size:12px;display:block;letter-spacing:5px;text-align:center}nav{display:flex;gap:28px}nav a{color:#ddd;text-decoration:none;font-size:12px;font-weight:600}.join,.gold-btn{background:var(--gold);color:#111;text-decoration:none;padding:14px 22px;font-weight:800;font-size:12px;letter-spacing:1px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 8% 70px;overflow:hidden;background:linear-gradient(90deg,#050505 30%,rgba(5,5,5,.5)),url('assets/gym-2.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090909,transparent 40%)}.hero-copy{position:relative;z-index:2}.hero-logo{position:absolute;right:8%;top:18%;width:min(380px,35vw);z-index:1;filter:drop-shadow(0 15px 30px #000)}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;font-weight:700}.hero h1,.intro h2,.services h2,.gallery h2,.contact h2{font-size:clamp(42px,7vw,92px);line-height:.95;margin:15px 0 20px;font-weight:800;letter-spacing:-3px}.hero h1 em,h2 em{font-family:'Playfair Display',serif;color:var(--gold);font-weight:600}.hero-copy>p:not(.eyebrow){color:#ddd;font-size:18px}.buttons{display:flex;gap:14px;margin-top:32px}.outline-btn{border:1px solid #777;color:#fff;padding:13px 20px;text-decoration:none;font-size:12px;font-weight:700}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:110px 9%;background:#0e0e0e}.intro h2{font-size:clamp(34px,4.5vw,65px)}.intro>p{color:var(--muted);line-height:1.9;align-self:center}.services,.gallery{padding:100px 7%}.center{text-align:center}.services h2,.gallery h2{font-size:clamp(34px,5vw,65px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.service-grid>div{background:var(--panel);padding:30px;min-height:220px;border:1px solid #242424;transition:.2s}.service-grid>div:hover{transform:translateY(-5px);border-color:var(--gold)}.service-grid b{color:var(--gold);font-size:13px}.service-grid h3{font-size:18px;margin:28px 0 12px}.service-grid p{color:#aaa;font-size:13px;line-height:1.7}.gallery{background:#101010}.gallery-grid{columns:4 240px;column-gap:14px;margin-top:50px}.gallery-grid img{width:100%;margin:0 0 14px;border-radius:3px;display:block;break-inside:avoid}.contact{padding:110px 9%;display:grid;grid-template-columns:1fr 1fr;gap:100px;background:linear-gradient(135deg,#080808,#17120a)}.contact h2{font-size:clamp(45px,6vw,78px)}.contact-text,.details p{color:#bbb;line-height:1.8;font-size:14px}.details{border-left:1px solid #3a3320;padding-left:50px}.details h3{color:var(--gold);letter-spacing:3px}.details strong{color:#fff}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.socials a{color:#fff;border:1px solid #555;padding:12px 15px;text-decoration:none;font-size:12px}.floating-call,.floating-wa{position:fixed;bottom:20px;z-index:30;padding:14px 17px;text-decoration:none;font-size:11px;font-weight:800}.floating-call{right:150px;background:var(--gold);color:#111}.floating-wa{right:20px;background:#25D366;color:#fff}footer{text-align:center;padding:25px;color:#777;font-size:10px;letter-spacing:2px}
@media(max-width:850px){header{padding:0 4%;height:68px}nav{display:none}.join{padding:11px 13px}.hero{padding:120px 7% 80px;background-position:65% center}.hero-logo{opacity:.25;right:-15%;width:70vw}.intro,.contact{grid-template-columns:1fr;gap:35px;padding:75px 7%}.service-grid{grid-template-columns:repeat(2,1fr)}.details{border-left:0;border-top:1px solid #3a3320;padding:30px 0 0}.gallery-grid{columns:2 150px}.floating-call{right:125px}.hero h1{letter-spacing:-2px}}
@media(max-width:500px){.service-grid{grid-template-columns:1fr}.hero h1{font-size:50px}.buttons{flex-direction:column;align-items:flex-start}.gallery-grid{columns:1}.service-grid>div{min-height:auto}.brand{font-size:17px}}

/* Compact typography update */
body{font-family:Montserrat,Arial,sans-serif;letter-spacing:-.15px}
header{height:70px}
nav{gap:20px}
.hero{padding-top:100px;padding-bottom:55px;background:#080808}
.hero-reception{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.68}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.78) 44%,rgba(5,5,5,.25) 100%),linear-gradient(0deg,#090909 0%,transparent 40%)}
.hero-logo{top:14%;right:6%;width:min(320px,30vw)}
.hero h1{line-height:.88;letter-spacing:-4px;margin:10px 0 14px}
.hero-copy>p:not(.eyebrow){font-size:15px;margin:0}
.eyebrow{letter-spacing:2.5px;margin:0 0 8px}
.intro{padding:75px 8%;gap:45px}
.intro h2{line-height:1;letter-spacing:-2.5px;margin:8px 0}
.intro>p{line-height:1.65;margin:0}
.services,.gallery{padding:75px 7%}
.services h2,.gallery h2{line-height:1;letter-spacing:-2.5px;margin:8px 0}
.service-grid{margin-top:35px;gap:10px}
.service-grid>div{padding:23px;min-height:190px}
.service-grid h3{margin:18px 0 8px}
.service-grid p{line-height:1.55;margin:0}
.gallery-grid{margin-top:35px;column-gap:10px}
.gallery-grid img{margin-bottom:10px}
.contact{padding:75px 8%;gap:60px}
.contact h2{line-height:.95;letter-spacing:-3px;margin:8px 0 15px}
.contact-text,.details p{line-height:1.6}
footer{padding:18px}
@media(max-width:850px){
  .hero{padding-top:95px}
  .hero-reception{object-position:65% center;opacity:.5}
  .hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.6)),linear-gradient(0deg,#090909,transparent 45%)}
  .hero-logo{opacity:.5;right:-8%;width:58vw}
  .intro,.contact{padding:60px 7%}
  .services,.gallery{padding:60px 6%}
}