@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');:root{--black:#080d0c;--dark:#102c27;--teal:#0c4038;--gold:#d7ad5b;--cream:#f4f0e7;--text:#293630}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 'DM Sans',sans-serif;color:var(--text);background:var(--cream)}.wrap{width:min(1150px,90%);margin:auto}header{position:absolute;width:100%;z-index:5;color:#fff;border-bottom:1px solid #fff1}.nav{height:78px;width:min(1150px,90%);margin:auto;display:flex;align-items:center;gap:28px}.logo{color:#fff;text-decoration:none;font:24px 'Playfair Display'}.logo small{display:block;font:8px 'DM Sans';letter-spacing:2px;margin-left:30px}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px}.btn,.darkbtn{display:inline-block;border:0;padding:13px 22px;background:var(--gold);color:#10120f;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer}.darkbtn{background:var(--teal);color:#fff}.outline{display:inline-block;color:var(--gold);border:1px solid var(--gold);padding:12px 21px;text-decoration:none;font-size:12px;font-weight:700;margin-left:8px}#menu{display:none;background:none;color:#fff;border:0;font-size:24px}.hero{min-height:680px;background:radial-gradient(circle at 75% 45%,#354a42,#17201e 34%,#080c0b 72%);color:#fff;overflow:hidden}.hero .wrap{min-height:680px;display:flex;align-items:center;position:relative}.copy{max-width:600px;z-index:2;padding-top:50px}.copy label,.section label,.contact label,.pricing label{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:700}.copy h1{font:500 clamp(48px,6vw,76px)/1.02 'Playfair Display';margin:18px 0}.copy h1 i{color:var(--gold)}.copy p{color:#c5cfcb;max-width:550px}.hero-art{position:absolute;right:4%;bottom:0;width:430px;height:530px;background:linear-gradient(145deg,#111b18,#5c665e);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;font:600 80px 'Playfair Display';color:#fff2}.hero-art strong{color:var(--gold);font-size:90px}.hero-art span{position:absolute;bottom:40px;right:55px;color:#d7ad5b55;font-size:120px}.features{background:var(--teal);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%}.features div{text-align:center;border-right:1px solid #fff3;padding:0 20px}.features div:last-child{border:0}.features b{display:block;color:var(--gold);font-size:25px}.features strong,.features small{display:block}.features small{color:#b9cbc5;font-size:11px}.section{padding:90px 0}.section h2,.about h2,.pricing h2,.contact h2{font:500 clamp(38px,5vw,56px)/1.1 'Playfair Display';margin:8px 0 35px;color:var(--black)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{background:#fff;text-align:center;padding-bottom:22px}.pic{height:200px;display:flex;align-items:center;justify-content:center;color:#fff;font:500 32px 'Playfair Display'}.yoga{background:linear-gradient(135deg,#b6a185,#557466)}.flow{background:linear-gradient(135deg,#718c80,#d2bb91)}.strength{background:linear-gradient(135deg,#172c27,#67766c)}.hiit{background:linear-gradient(135deg,#695545,#b18a51)}.cards h3,.trainers h3{font:500 21px 'Playfair Display';margin:14px 5px 4px}.cards p{font-size:12px;color:#6c7873;padding:0 18px}.about{background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about p{color:#68746f}.about ul{list-style:none;padding:0}.about li{margin:10px 0}.about li:first-letter{color:var(--gold)}.studio{height:430px;background:linear-gradient(145deg,#142c27,#0a100e);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--gold);font:42px 'Playfair Display';box-shadow:0 18px 45px #0002}.studio small{font:10px 'DM Sans';letter-spacing:4px}.dark{background:var(--black);color:#fff}.dark h2{color:#fff}.dark table{width:100%;border-collapse:collapse;min-width:650px}.dark th,.dark td{padding:15px;border-bottom:1px solid #fff2;text-align:left;font-size:13px}.dark th{color:var(--gold);font-size:11px;letter-spacing:1px}.trainers{display:grid}.trainers{grid-template-columns:repeat(3,1fr);gap:22px}.person{height:300px;display:flex;align-items:center;justify-content:center;color:#fff;font:600 70px 'Playfair Display'}.person.a{background:linear-gradient(145deg,#708f81,#2b4b41)}.person.b{background:linear-gradient(145deg,#8b735d,#33332e)}.person.c{background:linear-gradient(145deg,#728b8c,#30494b)}.trainers article{background:#fff;text-align:center;padding-bottom:18px}.trainers p{margin:0;color:#78847f;font-size:12px}.pricing{background:var(--teal);color:#fff;padding:90px 0}.pricing h2{color:#fff}.center{text-align:center}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.prices article{background:#fff;color:var(--text);padding:35px}.prices .popular{background:#ead6aa;position:relative}.prices em{position:absolute;top:0;right:0;background:var(--gold);padding:5px 10px;font-size:9px}.prices h3{letter-spacing:2px}.prices b{font:48px 'Playfair Display';color:var(--teal)}.prices a{color:var(--teal);font-weight:700;font-size:12px}.contact{background:#111816;color:#fff;padding:90px 0}.contact h2{color:#fff}.contact p{color:#bdc8c4}.contact form{background:#fff;padding:30px}.contact input,.contact select,.contact textarea{width:100%;padding:12px;margin-bottom:12px;border:1px solid #d9dfdc;font:inherit}.contact form small{color:var(--teal);display:block;margin-top:8px}footer{background:#070a09;color:#9ba5a1;padding:32px 0}footer span{float:right;font-size:11px}@media(max-width:900px){.nav nav,.nav>.btn{display:none}#menu{display:block;margin-left:auto}.nav nav.open{display:flex;position:absolute;top:78px;left:0;width:100%;background:#080d0c;flex-direction:column;padding:20px}.hero-art{opacity:.3;right:-80px}.copy{max-width:100%}.cards{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr);gap:20px}.features div:nth-child(2){border:0}.two{grid-template-columns:1fr;gap:40px}.trainers,.prices{grid-template-columns:1fr}}@media(max-width:600px){.hero,.hero .wrap{min-height:680px}.copy h1{font-size:49px}.cards{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features div{border:0}.section{padding:65px 0}.studio{height:320px}.outline{margin:10px 0 0 5px}footer span{float:none;display:block;margin-top:10px}}