/* GRAF GYM: дизайн демоверсії. Кольори, типографіка і компоненти можна змінювати тут. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0b0c;--bg2:#121416;--gold:#ffcb26;--text:#f4f4f2;--muted:#9b9ea4;--line:#313236;--heading:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body)}body::selection{background:var(--gold);color:#000}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.gold{color:var(--gold)}.demo-banner{height:28px;display:flex;align-items:center;justify-content:center;gap:8px;background:#d6a91e;color:#101010;font-size:10px;letter-spacing:.16em;font-weight:800;text-align:center}.demo-banner span{opacity:.5}.site-header{position:sticky;top:0;z-index:50;background:rgba(10,11,12,.93);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.header-inner{height:80px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:13px;font-family:var(--heading);font-size:29px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.brand b{color:var(--gold)}.brand-logo{width:48px;height:48px;object-fit:contain;display:block;filter:drop-shadow(0 0 18px rgba(255,203,38,.18))}.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.desktop-nav a{color:#bcbfc3;font-size:12px;font-weight:700;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold)}.header-cta{border:1px solid #5c501d;border-radius:5px;padding:12px 16px;font-size:12px;font-weight:800;white-space:nowrap}.header-cta span{color:var(--gold);padding-left:7px}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:white;margin:5px 0}.mobile-nav{padding:8px 24px 20px;border-top:1px solid var(--line);background:#111}.mobile-nav a{display:block;padding:13px 3px;border-bottom:1px solid #2a2a2a;font-size:14px}.mobile-nav[hidden]{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 48%,#242016 0,#121315 32%,#090a0b 68%)}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#9b9b9b 1px,transparent 1px),linear-gradient(90deg,#9b9b9b 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{min-height:625px;display:grid;grid-template-columns:1.14fr .86fr;align-items:center;position:relative}.hero-copy{padding:75px 0 85px;position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:900;letter-spacing:-.005em}h1{font-size:clamp(60px,7.1vw,102px);line-height:.96;margin:30px 0 28px;max-width:9.2ch}h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{max-width:480px;font-size:15px;line-height:1.9;color:#b4b5ba}.hero-copy{max-width:700px}.hero-actions,.contact-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:31px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 23px;font-size:12px;font-weight:800;border-radius:4px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#121212}.btn-primary:hover{background:#ffe071}.btn-ghost,.btn-outline{border:1px solid #494a4d;background:#1111}.btn-ghost:hover,.btn-outline:hover{border-color:var(--gold)}.hero-bottom{color:#92949a;letter-spacing:.12em;font-size:9px;font-weight:800;margin-top:72px;display:flex;align-items:center;gap:14px}.vertical-line{height:25px;width:2px;background:var(--gold)}.hero-art{height:510px;position:relative;display:grid;place-items:center}.hero-logo-wrap{width:min(100%,410px);min-height:360px;padding:42px 30px;border:1px solid rgba(255,203,38,.22);background:linear-gradient(180deg,rgba(18,19,21,.82),rgba(10,11,12,.96));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;box-shadow:0 30px 100px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03)}.hero-logo{width:min(100%,290px);height:auto;object-fit:contain;filter:drop-shadow(0 0 35px rgba(255,203,38,.18))}.hero-tag{font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--gold);text-align:center}.hero-note{max-width:260px;text-align:center;color:#96989d;font-size:12px;line-height:1.7}.art-word{position:absolute;bottom:33px;right:-20px;font-family:var(--heading);font-size:67px;line-height:1;font-weight:900;color:rgba(255,255,255,.05);white-space:nowrap}.art-index{position:absolute;top:20px;right:0;font-size:9px;color:#b2a77f;letter-spacing:.18em}.marquee{background:var(--gold);overflow:hidden;color:#121212;transform:rotate(-1deg) scale(1.02)}.marquee-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:move 22s linear infinite;will-change:transform}.marquee-set{flex:0 0 auto;padding:10px 0 10px 18px;font-family:var(--heading);font-size:22px;font-weight:900;letter-spacing:.12em}.marquee span{padding:0 35px}@keyframes move{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section{padding:104px 0;scroll-margin-top:80px}.section-label{display:flex;gap:14px;align-items:center;margin-bottom:23px}.section-label span{color:#777}.section h2{font-size:clamp(50px,6.2vw,83px);line-height:.95;margin-bottom:25px}.about-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:75px}.about-text{padding-top:55px}.about-text p,.section-head p,.trainer-lead,.schedule-grid>div>p,.contacts-grid>div>p{font-size:15px;color:#a9acb1;line-height:1.95}.text-link{margin-top:15px;display:inline-flex;gap:25px;color:var(--gold);font-size:12px;font-weight:800;border-bottom:1px solid #5e4e22;padding-bottom:12px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip>div{padding:28px 20px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}.feature-strip>div:first-child{padding-left:0}.feature-strip>div:last-child{border:0}.feature-num{color:var(--gold);font-size:11px;font-weight:800}.feature-strip strong{font-family:var(--heading);font-size:22px}.feature-strip small{font-size:12px;color:var(--muted)}.memberships{background:var(--bg2)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head p{max-width:350px;margin:0 0 7px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.price-card{min-height:350px;padding:30px 26px 22px;border:1px solid #333539;background:#151719;display:flex;flex-direction:column;position:relative;transition:border-color .2s,transform .2s}.price-card:hover{border-color:#bc992c;transform:translateY(-3px)}.price-card.featured{background:linear-gradient(145deg,#242013,#171819 55%);border-color:#c29b27}.popular{position:absolute;top:-12px;right:19px;background:var(--gold);padding:5px 9px;color:#111;font-size:9px;font-weight:900;letter-spacing:.08em}.card-kicker{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.13em}.price-card h3{font-size:29px;line-height:1.05;margin:38px 0 17px;min-height:57px}.price{display:flex;align-items:baseline;gap:9px;color:var(--gold)}.price strong{font-family:var(--heading);font-size:73px;line-height:.9}.price span{font-size:16px;font-weight:800}.price-card p{color:#a1a3a8;font-size:12px;line-height:1.6;margin:15px 0 28px}.card-link{margin-top:auto;border-top:1px solid #393b40;padding-top:17px;font-size:11px;font-weight:800;display:flex;justify-content:space-between}.card-link span{color:var(--gold)}.promo{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--gold);color:#0b0b0b;margin-top:20px;padding:39px 44px}.promo-eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:18px}.promo h3{font-size:43px;line-height:1;margin-bottom:14px}.promo h3 span{color:#554200}.promo p{font-size:13px;font-weight:700;margin:0}.promo-right{text-align:right;flex-shrink:0}.promo-price{font-family:var(--heading);font-size:75px;line-height:1;font-weight:900}.promo-price span{font-family:var(--body);font-size:18px}.btn-dark{background:#141414;color:#fff;margin-top:15px}.fine-print{font-size:11px;color:#85888d;margin:16px 0 0}.trainer{background:radial-gradient(circle at 15% 80%,#2b250d,#0b0c0e 48%)}.trainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.trainer-lead{max-width:425px}.btn-outline{margin-top:17px}.trainer-offers{border-top:1px solid #59503c}.trainer-offers>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #59503c;padding:30px 0}.trainer-offers>div>span{font-size:12px;font-weight:800;max-width:120px;line-height:1.5}.trainer-offers strong{font-family:var(--heading);font-size:46px;color:var(--gold);white-space:nowrap}.trainer-offers small{color:var(--gold);font-size:13px;font-weight:800;margin-left:6px}.trainer-offers>p{font-size:11px;color:#909297;line-height:1.8;margin-top:18px}.hours{background:#151719}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.hours-list{margin-top:35px}.hours-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid #424448}.hours-list span{font-size:13px;color:#aeb0b4}.hours-list strong{font-family:var(--heading);font-size:28px;white-space:nowrap}.hours-list>p{font-size:11px;line-height:1.6;color:#7f8289;margin:19px 0 0}.contacts{background:radial-gradient(circle at 80% 45%,#252012,#090a0c 65%)}.contacts-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:100px}.contacts-grid>div>p{max-width:440px}.address-panel{border:1px solid #544927;padding:38px 35px;background:#171712;display:flex;flex-direction:column;align-items:start;gap:12px}.address-panel small{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.14em}.address-panel strong{font-family:var(--heading);font-size:32px;line-height:1.18}.address-panel>span{color:#aaa;font-size:13px}.panel-line{width:100%;border-bottom:1px solid #4c493b;margin:18px 0}.address-panel a{font-weight:800;font-size:16px}.footer{border-top:1px solid #2b2c2e;background:#080909}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner>div{color:#7c7e82;font-size:11px}.footer-inner>a:last-child{font-size:10px;letter-spacing:.13em;font-weight:800;color:#b6b7b9}.brand-footer{font-size:23px}.brand-footer .brand-symbol{width:33px;height:33px;font-size:24px}
@media(max-width:1050px){.desktop-nav{gap:15px}.header-inner{gap:18px}.hero-art{transform:scale(.84)}.hero-grid{grid-template-columns:1.2fr .8fr}.art-word{right:0}.contacts-grid,.trainer-grid,.schedule-grid{gap:40px}}
@media(max-width:800px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.header-inner{height:70px}.hero-grid{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:75px 0 40px}.hero-art{position:absolute;right:-100px;top:10px;opacity:.19;transform:scale(.85);pointer-events:none}.hero-bottom{margin-top:65px}.about-grid,.trainer-grid,.schedule-grid,.contacts-grid{grid-template-columns:1fr;gap:25px}.about-text{padding-top:0}.section-head{display:block}.section-head p{max-width:520px;margin-top:20px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-card.large{grid-row:auto;grid-column:1 / -1;min-height:320px}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .price-card:last-child{grid-column:1 / -1;min-height:270px}.price-card{min-height:330px}.promo{padding:30px}.promo h3{font-size:36px}.promo-price{font-size:59px}.feature-strip strong{font-size:19px}.hours-list{margin-top:0}.address-panel{max-width:560px}}
@media(max-width:560px){.container{width:min(100% - 36px,1160px)}.demo-banner{font-size:9px;letter-spacing:.08em}.brand{font-size:24px}.brand-logo{width:39px;height:39px}.hero-copy{padding:75px 0 50px}.hero h1{font-size:clamp(50px,12vw,72px);line-height:.97;max-width:8.8ch}.hero-copy>p{font-size:13px;line-height:1.8}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.btn{justify-content:space-between}.hero-art{right:-210px;top:15px;opacity:.14}.hero-bottom{font-size:8px;margin-top:55px}.section{padding:77px 0}.section h2{font-size:clamp(48px,12vw,67px)}.feature-strip{grid-template-columns:1fr;margin-top:35px}.feature-strip>div,.feature-strip>div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.feature-strip>div:last-child{border:0}.gallery-grid{grid-template-columns:1fr}.gallery-card,.gallery-card.large{grid-column:auto;grid-row:auto;min-height:230px}.gallery-overlay strong{font-size:28px}.pricing-grid{grid-template-columns:1fr}.price-card,.pricing-grid .price-card:last-child{grid-column:auto;min-height:300px}.price-card h3{margin-top:27px;min-height:auto}.promo{display:block;padding:26px}.promo h3{font-size:35px}.promo-right{text-align:left;margin-top:22px}.promo-price{font-size:66px}.promo .btn{width:100%;margin-top:12px}.trainer-offers strong{font-size:39px}.hours-list strong{font-size:23px}.address-panel{padding:28px}.footer-inner{flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 0;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.btn,.price-card{transition:none}}

.gallery{background:linear-gradient(180deg,#0c0d0f 0%,#121416 100%)}
.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;grid-auto-rows:260px}.gallery-card{position:relative;border:1px dashed rgba(255,203,38,.28);background:linear-gradient(135deg,#181a1d,#111214);overflow:hidden;min-height:220px}.gallery-card.large{grid-row:span 2;grid-column:span 1}.gallery-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,203,38,.1),transparent 40%),linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,0));opacity:1}.gallery-overlay{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.gallery-overlay small{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.18em}.gallery-overlay strong{font-family:var(--heading);font-size:34px;line-height:.95;max-width:230px}.gallery-overlay span{max-width:240px;color:#a4a6ab;font-size:13px;line-height:1.6}.footer-logo{width:33px;height:33px}