:root{--black:#0a0a0d;--ink:#18171b;--red:#d72f35;--neon:#ff6b2b;--violet:#493b74;--cream:#fff1df;--paper:#fff8ef;--line:rgba(24,23,27,.16);--shadow:0 30px 90px rgba(15,10,20,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,system-ui,sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.header{position:fixed;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px clamp(18px,4vw,58px);color:#fff;background:linear-gradient(180deg,rgba(10,10,13,.92),rgba(10,10,13,0))}.brand{font-family:"Space Grotesk",sans-serif;font-size:28px;font-weight:700;text-transform:uppercase}.header nav{display:flex;justify-content:center;gap:30px;font-size:12px;font-weight:900;text-transform:uppercase}.langs{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12)}.langs button{width:40px;height:34px;border:0;color:#fff;background:transparent;font-weight:900;cursor:pointer}.langs button.active{color:var(--black);background:#fff}.hero{position:relative;min-height:96vh;display:grid;align-items:end;padding:140px clamp(18px,5vw,72px) 38px;color:#fff;background:var(--black);overflow:hidden}.hero>img,.shade{position:absolute;inset:0}.hero>img{opacity:.7;filter:saturate(1.1) contrast(1.05)}.shade{background:linear-gradient(90deg,rgba(10,10,13,.96),rgba(10,10,13,.68) 45%,rgba(10,10,13,.14)),linear-gradient(0deg,rgba(10,10,13,.86),rgba(10,10,13,0) 54%)}.hero-copy{position:relative;z-index:2;max-width:980px;padding-bottom:120px}.kicker{margin:0 0 14px;color:var(--red);font-size:12px;font-weight:900;text-transform:uppercase}.hero .kicker,.club-band .kicker{color:#ffb15d}h1,h2{margin:0 0 22px;font-family:"Space Grotesk",sans-serif;font-weight:700;line-height:.94;letter-spacing:0}h1{max-width:950px;font-size:clamp(58px,9.7vw,132px)}h2{font-size:clamp(42px,6.6vw,82px)}h3{margin:0 0 12px;font-size:28px}.hero-copy p:not(.kicker),.story p,.modes p,.grid p,.club-band p,.visit-card{font-size:18px;line-height:1.65}.hero-copy p:not(.kicker){max-width:700px;color:rgba(255,255,255,.84)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid currentColor;font-size:12px;font-weight:900;text-transform:uppercase}.btn.primary{border-color:var(--red);color:#fff;background:var(--red)}.btn.ghost{color:#fff;background:rgba(255,255,255,.08)}.btn.ghost.dark{color:var(--ink);background:transparent}.btn.full{width:100%;margin-top:14px}.stats{position:absolute;z-index:3;left:clamp(18px,5vw,72px);right:clamp(18px,5vw,72px);bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.2);background:rgba(10,10,13,.78)}.stats div{padding:18px 22px;border-right:1px solid rgba(255,255,255,.18)}.stats div:last-child{border-right:0}.stats strong{display:block;font-size:42px}.stats span{color:rgba(255,255,255,.72);font-size:12px;font-weight:900;text-transform:uppercase}.story,.modes,.program,.club-band,.gallery,.reviews,.visit{padding:clamp(76px,10vw,138px) clamp(18px,5vw,72px)}.story{display:grid;grid-template-columns:.95fr .8fr;gap:clamp(34px,7vw,96px)}.story p{color:rgba(24,23,27,.72)}.story blockquote{margin:30px 0 0;padding-left:24px;border-left:5px solid var(--red);font-family:"Space Grotesk",sans-serif;font-size:clamp(28px,3.8vw,50px);font-weight:700;line-height:1.05}.modes{display:grid;grid-template-columns:.95fr .75fr;gap:clamp(30px,6vw,84px);align-items:center;color:#fff;background:var(--violet)}.modes img{min-height:570px;box-shadow:var(--shadow)}.modes p{color:rgba(255,255,255,.82)}.program{background:var(--black);color:#fff}.section-title{max-width:1060px;margin-bottom:42px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{background:#17151c;min-width:0}.grid img{height:clamp(360px,42vw,560px)}.grid h3,.grid p{padding-left:24px;padding-right:24px}.grid p{padding-bottom:26px;color:rgba(255,255,255,.74)}.club-band{display:grid;grid-template-columns:.9fr .78fr;gap:clamp(30px,6vw,84px);color:#fff;background:var(--red)}.club-band p{align-self:end;color:rgba(255,255,255,.88)}.gallery{display:grid;gap:36px}.gallery h2{max-width:1020px}.gallery img{height:clamp(280px,42vw,520px);box-shadow:var(--shadow)}.reviews{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(30px,6vw,86px);background:var(--cream)}.quotes{display:grid;gap:14px}.quotes blockquote{margin:0;padding:26px;border-left:5px solid var(--red);background:rgba(255,255,255,.68);font-size:20px;font-weight:800;line-height:1.4}.visit{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,.65fr);gap:clamp(24px,5vw,72px);align-items:stretch}.visit-image{min-height:680px;box-shadow:var(--shadow)}.visit-card{align-self:center;padding:clamp(30px,5vw,54px);background:#fff;border:1px solid var(--line)}.visit-card h2{font-size:clamp(34px,4.8vw,62px)}.info{display:grid;gap:14px;margin:30px 0}.info p{display:grid;grid-template-columns:110px 1fr;gap:16px;padding-bottom:14px;margin:0;border-bottom:1px solid var(--line)}.info span,.hours span{color:rgba(24,23,27,.58);font-size:12px;font-weight:900;text-transform:uppercase}.info a,.info strong{overflow-wrap:anywhere;font-weight:900}.hours{padding:22px;background:var(--cream)}.hours h3{margin-top:0}.hours p{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(18px,5vw,72px);color:#fff;background:var(--black);font-size:12px;font-weight:900;text-transform:uppercase}@media(max-width:940px){.header{grid-template-columns:1fr auto}.header nav{display:none}.hero{min-height:850px}.hero-copy{padding-bottom:182px}.stats{grid-template-columns:1fr}.stats div{display:flex;justify-content:space-between;align-items:baseline;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.story,.modes,.grid,.club-band,.reviews,.visit{grid-template-columns:1fr}.modes img,.visit-image{min-height:460px}}@media(max-width:540px){.header{padding:14px}.brand{font-size:22px}.langs button{width:32px;height:32px}h1{font-size:48px}h2{font-size:36px}.hero,.story,.modes,.program,.club-band,.gallery,.reviews,.visit{padding-left:16px;padding-right:16px}.stats{left:16px;right:16px}.actions .btn{width:100%}.info p{grid-template-columns:1fr;gap:4px}.kicker,h1,h2,h3{overflow-wrap:anywhere}footer{flex-direction:column;padding-left:16px;padding-right:16px}}
