:root{--ink:#232220;--gold:#af7c4e;--cream:#f7f3ee;--paper:#fff;--muted:#6a635e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;background:#fff;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header{height:82px;padding:0 max(6vw,24px);display:flex;align-items:center;gap:42px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(0,0,0,.06)}.logo{display:flex;flex-direction:column;line-height:.92;white-space:nowrap}.logo span{font:500 2rem/1 'Cormorant Garamond',serif;letter-spacing:.02em}.logo small{font-size:.58rem;letter-spacing:.29em;margin-top:7px}.nav{display:flex;gap:38px;margin-left:auto}.nav a{font-size:.73rem;text-transform:uppercase;letter-spacing:.16em;padding:10px 0}.nav a:hover{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:var(--gold);color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;min-height:48px;padding:0 30px;transition:.2s}.button:hover{background:#8f613b;transform:translateY(-1px)}.hero{min-height:620px;background-image:linear-gradient(90deg,transparent 0 48%,rgba(249,241,232,.35) 58%,rgba(249,241,232,.94) 79%),url('hero-salon.webp');background-position:center;background-size:cover;display:flex;align-items:center;padding:60px 8vw}.hero-copy{margin-left:auto;width:43%;max-width:610px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.28em;font-size:.76rem}.hero h1,.section h2{font:500 clamp(3.4rem,5.5vw,5.8rem)/.92 'Cormorant Garamond',serif;margin:25px 0}.rule{display:block;width:54px;height:1px;background:var(--gold);margin:25px 0}.hero-note{text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;margin:0 0 32px}.hero-note i{font-style:normal;margin:0 12px}.section{padding:86px max(8vw,26px);scroll-margin-top:70px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.section-label:before{content:"";display:inline-block;width:32px;height:1px;background:var(--gold);vertical-align:middle;margin-right:16px}.section h2{font-size:clamp(2.6rem,4vw,4.25rem);margin:12px 0 28px}.about-copy>p:not(.section-label){max-width:570px;margin:0;font-size:1.05rem}.signature{font:italic 3.4rem/1 'Cormorant Garamond',serif;margin-top:30px;transform:rotate(-5deg);width:max-content;border-bottom:2px solid var(--gold)}.about-card{height:430px;background:linear-gradient(135deg,#ede0d2,#caa47f);position:relative;overflow:hidden;display:grid;place-items:center;color:#fff}.about-card:before{content:"";position:absolute;inset:28px;border:2px solid rgba(255,255,255,.65)}.about-card .mirror{position:absolute;width:46%;height:72%;left:10%;top:10%;border:12px solid #7b5435;border-radius:50% 50% 3px 3px;background:linear-gradient(135deg,#fff8ee,#bda991)}.about-card .chair{position:absolute;width:30%;height:37%;right:17%;bottom:12%;background:#282625;border-radius:45% 45% 12px 12px;box-shadow:0 30px 0 -12px #765239}.about-card p{position:absolute;right:10%;top:8%;letter-spacing:.24em;font-size:.7rem}.gallery{background:var(--cream)}.gallery h2{margin-bottom:30px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-grid>div{aspect-ratio:4/5;background:linear-gradient(145deg,#e7d6c5,#b38b68);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(175,124,78,.22)}.gallery-grid span{font:400 3rem 'Cormorant Garamond',serif}.gallery-grid p{text-transform:uppercase;letter-spacing:.15em;font-size:.64rem}.gallery-note{text-align:right;color:var(--muted);font-size:.75rem}.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:25px 45px;margin:25px 0 30px}.contact-item{display:flex;gap:18px;align-items:flex-start}.contact-item svg{width:28px;min-width:28px;stroke:var(--gold);fill:none;stroke-width:1.8}.contact-item p{margin:0}.contact-item strong{font-weight:600}.map{min-height:330px;background:linear-gradient(135deg,#e6eaE7,#d4e0d7);display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.map:before,.map:after{content:"";position:absolute;background:rgba(255,255,255,.7);transform:rotate(-20deg)}.map:before{width:130%;height:25px}.map:after{height:130%;width:18px}.map>div{z-index:2;background:#fff;padding:24px 34px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.map small{display:block;margin-top:13px;color:var(--gold)}.pin{z-index:2;font-size:2rem;margin-right:-10px}footer{background:#20201f;color:#fff;min-height:150px;padding:40px max(8vw,26px);display:flex;align-items:center;justify-content:space-between}footer p{font-size:.75rem}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:#222;margin:6px}.footer-logo small{color:#ddd}
@media(max-width:850px){html{scroll-padding-top:68px}.header{height:68px;padding:0 20px}.logo span{font-size:1.65rem}.logo small{font-size:.48rem}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:15px 24px 26px;flex-direction:column;gap:4px;box-shadow:0 12px 25px rgba(0,0,0,.12)}.nav.open{display:flex}.nav a{font-size:.85rem;padding:12px;border-bottom:1px solid #eee}.hero{min-height:690px;padding:380px 24px 45px;background-image:linear-gradient(0deg,rgba(249,241,232,.99) 0 48%,transparent 70%),url('hero-salon.webp');background-position:34% center}.hero-copy{width:100%;text-align:center}.hero h1{font-size:3.45rem;margin:15px 0}.rule{margin:18px auto}.hero-note{font-size:.67rem;letter-spacing:.12em}.section{padding:65px 24px}.about,.contact{grid-template-columns:1fr;gap:45px}.about-card{height:330px}.gallery-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.map{min-height:270px}footer{flex-direction:column;text-align:center;gap:28px}.section h2{font-size:2.7rem}.signature{font-size:2.8rem}}
@media(max-width:420px){.gallery-grid{grid-template-columns:1fr}.hero h1{font-size:3rem}.hero{background-position:29% center}.map>div{padding:20px}}
.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;z-index:0;top:-4%;right:-2%;bottom:-4%;width:47%;background:url('hero-salon-interior.webp') center 54%/cover no-repeat;opacity:.14;filter:blur(5px) saturate(.72) contrast(.78);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 22%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 22%,#000 58%);pointer-events:none}.hero-copy{position:relative;z-index:1}@media(max-width:850px){.hero:before{display:none}}
.hero-brand{display:flex;flex-direction:column;gap:2px}.hero-brand span{font:500 1.65rem/1.05 'Cormorant Garamond',serif;letter-spacing:.08em}.hero-brand small{font:500 .75rem/1.3 Montserrat,Arial,sans-serif;letter-spacing:.26em}@media(max-width:850px){.hero-brand{align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.gallery-grid img{display:block;width:100%;height:100%;object-fit:cover}
.map{display:block;min-height:0;padding:0;background:none;overflow:visible;line-height:0}.map:before,.map:after{content:none}.map img{display:block;width:100%;height:auto}.map-corner{position:absolute;width:46px;height:46px;z-index:3;pointer-events:none}.map-corner--tl{top:-4px;left:-4px;border-top:1px solid var(--gold);border-left:1px solid var(--gold)}.map-corner--tr{top:-4px;right:-4px;border-top:1px solid var(--gold);border-right:1px solid var(--gold)}.map-corner--bl{bottom:-4px;left:-4px;border-bottom:1px solid var(--gold);border-left:1px solid var(--gold)}.map-corner--br{right:-4px;bottom:-4px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold)}
@media(max-width:850px){.map{min-height:0}.map-corner{width:32px;height:32px}.map-corner--tl,.map-corner--tr{top:-4px}.map-corner--bl,.map-corner--br{bottom:-4px}.map-corner--tl,.map-corner--bl{left:-4px}.map-corner--tr,.map-corner--br{right:-4px}}
.footer-brand-group{display:flex;align-items:center;gap:20px}.footer-divider{display:block;width:1px;height:46px;background:rgba(255,255,255,.28)}.footer-credit{color:#c9c9c9;font-size:.58rem;letter-spacing:.29em;white-space:nowrap}.footer-credit a{transition:color .2s}.footer-credit a:hover,.footer-credit a:focus-visible{color:#fff}.footer-tagline{display:block;width:min(224px,22.4vw);height:auto;mix-blend-mode:screen}
@media(max-width:850px){.footer-brand-group{gap:14px}.footer-divider{height:40px}.footer-credit{font-size:.5rem;letter-spacing:.2em}.footer-tagline{width:min(224px,56vw)}}
