:root{--ink:#11100f;--paper:#f6f5f2;--gold:#c79e58;--muted:#8c877f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Montserrat",sans-serif}a{color:inherit;text-decoration:none}.header{height:92px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;inset:0 0 auto;color:#fff;border-bottom:1px solid #ffffff2b}.brand{font-size:20px;font-weight:700;letter-spacing:-1.6px;line-height:.8;display:grid;grid-template-columns:auto auto;align-items:end}.brand span{font-weight:300;letter-spacing:1px;margin-left:3px}.brand small{font-size:6px;letter-spacing:2.7px;font-weight:400;grid-column:1/-1;text-align:center;margin-top:8px}.brand.logo{display:block;width:70px;height:70px}.brand.logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 4px #000)}.nav{display:flex;gap:32px;font-size:10px;letter-spacing:3px;text-transform:uppercase}.nav a{opacity:.75}.nav a:hover{opacity:1}.nav-cta,.button{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.nav-cta span,.button span{font-size:17px;margin-left:7px}.menu-button{display:none}.hero{min-height:760px;height:100vh;position:relative;display:flex;align-items:center;padding:110px 10vw;color:#fff;background:linear-gradient(90deg,#0a0909d9 15%,#0a090970 55%,#0a090915),url('assets/hero-salon.png') center/cover}.hero-copy{max-width:625px}.eyebrow{font-size:9px;letter-spacing:4px;font-weight:600;margin:0 0 20px}.gold{color:var(--gold)}.script{font-family:"Allura",cursive;font-size:76px;font-style:normal;color:var(--gold);margin:0 0 -20px;line-height:1}.hero h1,.intro h2,.section-heading h2,.appointment h2{font-size:clamp(48px,6.4vw,92px);line-height:.96;letter-spacing:-4px;margin:0;font-weight:700;text-transform:uppercase}.hero h1 em,h2 em{font-family:"Montserrat",sans-serif;font-weight:300;font-style:italic;text-transform:none}.hero-text{max-width:420px;color:#eee;line-height:1.8;font-size:13px;font-weight:300;margin:35px 0}.button{display:inline-flex;align-items:center;padding:17px 23px;border:1px solid currentColor;transition:.25s}.button:hover{transform:translateY(-3px);background:#fff;color:#111}.hero-scroll{position:absolute;bottom:38px;left:10vw;font-size:8px;letter-spacing:2.5px;display:flex;align-items:center;gap:12px}.hero-scroll span{height:1px;width:52px;background:#fff}.section{padding:135px 10vw}.intro-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:12vw;align-items:end}.intro-grid>div p{line-height:1.9;color:#555;font-size:14px;font-weight:300}.text-link{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:8px;display:inline-block;margin-top:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid #d9d2c7}.stats div{padding-top:24px}.stats strong{font-size:40px;display:block;letter-spacing:-2px}.stats span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.section-dark{background:#141312;color:#fff;padding:130px 10vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.section-heading>p{max-width:250px;font-size:12px;line-height:1.8;font-weight:300;color:#a5a19b}.service-list article{border-top:1px solid #ffffff28;display:grid;grid-template-columns:80px 1.25fr 1fr 35px;align-items:center;min-height:120px;gap:20px;transition:.3s}.service-list article:last-child{border-bottom:1px solid #ffffff28}.service-list article:hover{padding-left:15px;background:#ffffff08}.service-list span{font-size:10px;letter-spacing:1.5px;color:var(--gold)}.service-list h3{font-size:21px;letter-spacing:-.7px;margin:0;text-transform:uppercase}.service-list p{font-size:12px;line-height:1.7;font-weight:300;color:#b5b1ac}.service-list b{font-size:25px;color:var(--gold);font-weight:400}.gallery{padding-bottom:145px}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:20px}.gallery-card{height:510px;position:relative;background-color:#272421;background-image:linear-gradient(#0002,#0002),url('assets/hero-salon.png');background-size:cover;background-position:center}.card-a{background-position:15% center}.card-b{background-position:60% center;height:390px;margin-top:80px;filter:grayscale(.7)}.card-c{background-position:85% center;height:440px;margin-top:25px}.gallery-card span{position:absolute;bottom:25px;left:25px;color:#fff;font-family:"Allura",cursive;font-size:44px}.quote{padding:125px 12vw;background:#bb9454;color:#15120f;text-align:center}.quote .script{color:#f6ead4;font-size:65px}.quote blockquote{font-family:"Montserrat",sans-serif;font-size:clamp(28px,4vw,52px);font-weight:300;max-width:900px;line-height:1.15;margin:20px auto 32px}.quote>p:last-child{font-size:9px;letter-spacing:3px;font-weight:700}.appointment{background:#171615;color:#fff;padding:110px 10vw;display:flex;align-items:center;justify-content:space-between;gap:40px}.appointment h2{max-width:700px}.button-gold{color:var(--gold);white-space:nowrap}footer{background:#090909;color:#fff;padding:75px 10vw 20px}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:30px;padding-bottom:80px}.footer-top>p{font-family:"Montserrat",sans-serif;font-weight:300;font-size:20px;line-height:1.35;margin:0}.footer-top div{display:flex;flex-direction:column;gap:13px;font-size:12px;font-weight:300;color:#cecbc7}.footer-bottom{border-top:1px solid #ffffff22;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8b8986}.reveal{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:800px){.header{height:74px;padding:0 6vw}.nav,.nav-cta{display:none}.menu-button{display:block;background:none;border:0;color:#fff;font-size:24px}.nav.open{position:absolute;display:flex;top:74px;left:0;right:0;background:#111;padding:25px 6vw;flex-direction:column;gap:20px}.hero{min-height:680px;padding:90px 7vw;background-position:40% center}.hero h1,.intro h2,.section-heading h2,.appointment h2{letter-spacing:-2px}.hero-scroll{left:7vw}.section,.section-dark{padding:85px 7vw}.intro-grid,.section-heading,.appointment{grid-template-columns:1fr;display:grid}.stats{margin-top:65px}.stats strong{font-size:30px}.section-heading{align-items:start;margin-bottom:45px}.service-list article{grid-template-columns:38px 1fr 25px;gap:8px;padding:20px 0}.service-list p{grid-column:2/4;margin:0}.service-list h3{font-size:18px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-card{height:370px}.card-a{grid-column:1/-1;height:440px}.card-b{height:260px;margin-top:0}.card-c{height:260px;margin-top:0}.appointment{padding:80px 7vw}.footer-top{grid-template-columns:1fr 1fr;padding-bottom:50px}.footer-top>p{grid-column:1/-1}.footer-bottom{gap:12px;flex-wrap:wrap}.script{font-size:58px}.brand.logo{width:60px;height:60px}}
