/* Level Up — editorial refinement */
:root{--ink:#29231f;--coffee:#27221f;--gold:#d1b382;--cream:#f5f0e8;--sand:#e8ded0;--muted:#6b6159;--gutter:clamp(24px,6vw,104px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #967341;outline-offset:6px}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0;text-wrap:balance}p{margin:0}section{scroll-margin-top:96px}.nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px var(--gutter);background:var(--cream);border-bottom:1px solid #d8cebf}.brand{font:500 1.8rem/1 "Playfair Display",serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.brand small{display:block;font:500 .75rem/1.8 "DM Sans",sans-serif;letter-spacing:.24em;text-align:center;margin-top:7px}.nav-links{display:flex;gap:32px;font-size:.875rem}.nav-links a{padding:8px 0;border-bottom:1px solid transparent}.nav-links a:hover{border-color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 25px;background:var(--gold);color:#272019;border:1px solid var(--gold);font-size:.875rem;font-weight:600;letter-spacing:.025em;transition:background .2s,transform .2s;line-height:1.5;text-align:center}.button:hover{background:#e3c99f;transform:translateY(-2px)}.nav .button{background:var(--ink);color:var(--cream);border-color:var(--ink)}.nav .button:hover{background:#514137}.menu{display:none}.hero{position:relative;isolation:isolate;min-height:680px;min-height:min(760px,85svh);display:flex;align-items:center;padding:90px var(--gutter);color:#fff;background:#302820 url('../images/hero-salon.webp') center/cover}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,18,15,.92),rgba(22,18,15,.68) 46%,rgba(22,18,15,.17))}.hero-content{max-width:680px}.eyebrow,.number{display:block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#806237}.hero .eyebrow,.services .eyebrow,.number,footer .eyebrow{color:var(--gold)}h1{font-size:clamp(3.8rem,7.3vw,7.5rem);line-height:1.02;margin:24px 0 28px;max-width:620px}h1 em{font-weight:500;color:#e1c7a1}.hero p{max-width:440px;font-size:1.0625rem;color:#eee6db;margin-bottom:34px}.scroll-note{position:absolute;bottom:28px;right:var(--gutter);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.intro{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:8vw;padding:100px var(--gutter);max-width:1500px;margin:auto}.monogram{display:grid;place-items:center;justify-self:center;width:160px;aspect-ratio:1;border:1px solid #b9a080;border-radius:50%;font:italic 5rem "Playfair Display",serif;color:#8e704b;outline:1px solid #cabcaa;outline-offset:12px}.intro h2,.heading h2{font-size:clamp(2.5rem,4.2vw,4.5rem);margin:15px 0 24px}.intro p{max-width:610px;color:var(--muted);font-size:1.0625rem}.services{padding:100px var(--gutter);background:var(--coffee);color:var(--cream)}.heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px;max-width:1300px;margin:0 auto 48px}.heading h2{max-width:650px;margin-bottom:0}.heading p{max-width:360px;color:#cfc4b7;justify-self:end}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1300px;margin:auto;border-top:1px solid #65584b}.service{padding:36px 30px 8px;display:flex;flex-direction:column;border-right:1px solid #65584b;transition:background .25s}.service:first-child{padding-left:0}.service:last-child{border-right:0}.service h3{font-size:clamp(1.9rem,2.7vw,2.9rem);margin:44px 0 20px}.service p{font-size:1rem;color:#d5cabc;margin-bottom:32px}.text-link{margin-top:auto;display:inline-flex;align-items:center;min-height:48px;font-size:.875rem;color:var(--gold)}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.feature{display:grid;grid-template-columns:1fr 1fr;margin:80px var(--gutter);background:var(--sand)}.feature-image{min-height:560px;background:#b2a18e url('../images/salon-interior.webp') center/cover}.feature-copy{padding:clamp(32px,5vw,85px);align-self:center}.feature-copy h2{font-size:clamp(2.4rem,3.8vw,4rem);margin:20px 0 28px}.feature-copy p{color:#5e5247;margin-bottom:30px}.feature-copy .button{background:var(--ink);border-color:var(--ink);color:white}.feature-copy .button:hover{background:#514137}.cta{background:var(--coffee);color:var(--cream);padding:90px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:48px}.cta h2{font-size:clamp(2.8rem,5vw,5.3rem);max-width:760px}.cta .button{flex-shrink:0}footer{padding:70px var(--gutter) 26px;background:#1c1916;color:#cfc3b5}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:48px}.footer-main h3{font-size:2rem;color:var(--cream);margin-bottom:18px}.footer-main a{display:block;min-height:44px;padding:8px 0;font-size:.9375rem}.footer-main a:hover{color:white}.footer-main .eyebrow{margin-bottom:15px}.footer-bottom{border-top:1px solid #4e443a;padding-top:24px;display:flex;justify-content:space-between;font-size:.8125rem}.skip-link{position:absolute;left:20px;top:-100px;background:white;color:#222;padding:12px;z-index:100}.skip-link:focus{top:10px}
@media(min-width:1600px){.hero{padding-left:max(var(--gutter),calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.heading{gap:32px}.feature{margin:60px 24px}.feature-copy{padding:36px}.service{padding:30px 20px}.cta{gap:30px}.cta h2{font-size:3.2rem}}
@media(max-width:720px){html{scroll-padding-top:20px}.nav{padding:20px 24px;flex-wrap:wrap;gap:18px}.brand{font-size:1.5rem}.menu{display:block;margin-left:auto;background:transparent;border:1px solid #b8aa98;padding:10px 16px;min-height:44px;font-size:.875rem;color:var(--ink)}.nav-book{display:none}.nav-links{width:100%;order:4;display:flex;gap:24px;border-top:1px solid #d8cebf;padding-top:10px}.js .nav-links{display:none}.js .nav-links.is-open{display:flex}.hero{min-height:610px;padding:64px 24px 85px;background-position:60% center}.hero:before{background:linear-gradient(90deg,rgba(22,18,15,.87),rgba(22,18,15,.5))}h1{font-size:clamp(3.6rem,13vw,5.2rem);max-width:500px}.hero p{font-size:1rem;max-width:340px}.scroll-note{left:24px;right:auto}.intro{padding:70px 26px;grid-template-columns:1fr;gap:42px}.monogram{width:90px;font-size:3rem;justify-self:start;margin-left:12px}.intro h2,.heading h2{font-size:2.7rem}.services{padding:70px 26px}.heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.heading p{justify-self:start;max-width:none}.service-grid{grid-template-columns:1fr}.service,.service:first-child,.service:last-child{padding:28px 0;border-right:0;border-bottom:1px solid #65584b}.service:last-child{border-bottom:0}.service h3{font-size:2.2rem;margin:20px 0 16px}.service p{margin-bottom:15px;max-width:460px}.feature{grid-template-columns:1fr;margin:40px 20px}.feature-image{min-height:0;aspect-ratio:4/3}.feature-copy{padding:35px 24px 42px}.feature-copy h2{font-size:2.6rem}.cta{padding:65px 26px;display:block}.cta h2{font-size:2.8rem}.cta .button{margin-top:30px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}footer{padding:55px 26px 24px}.footer-bottom{gap:20px;flex-wrap:wrap}.button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}