/* Final monochrome art direction — loaded last by design. */
:root{--bg:#f5f3ef;--bg-2:#ece9e3;--bg-3:#dedbd4;--paper:#fbfaf7;--ink:#111;--ivory:#111;--brass:#9a815f;--brass-2:#7f684a;--muted:rgba(17,17,17,.62);--faint:rgba(17,17,17,.36);--line:rgba(17,17,17,.2);--line-soft:rgba(17,17,17,.1);--ff-d:'Cormorant Garamond','Times New Roman',serif}
body{background:var(--paper)}
.sec-h,.about-h,.p-hero h1{font-weight:300}
.lbl{color:#171717}.hand{color:inherit}

nav.top{background:rgba(251,250,247,.95);border-color:var(--line-soft);backdrop-filter:blur(14px)}
nav.top.scrolled{background:rgba(251,250,247,.94)}
.nav-logo-img{background:#fff;filter:grayscale(1) contrast(1.35)}
.nav-editorial{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:clamp(1.2rem,2.5vw,3rem)}
.nav-editorial a{font-size:.5rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:#111;position:relative;padding:.4rem 0}
.nav-editorial a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#111;transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.nav-editorial a:hover::after{transform:scaleX(1);transform-origin:left}
.nav-book,#mtog,nav.top.scrolled .nav-book,nav.top.scrolled #mtog{color:#111;border-color:var(--line)}
.nav-book:hover{background:#111;color:#fff}#mtog{display:none}

#hero{background:var(--paper);min-height:100svh}
#hero .hero-bg{left:51%;top:18%;right:7%;bottom:8%;z-index:1}
#hero .hero-bg-img{filter:grayscale(1) contrast(.93) brightness(1.03);object-position:53% 48%;top:0;height:100%}
#hero .hero-bg::after{content:"";position:absolute;inset:0;border:1px solid rgba(17,17,17,.15);pointer-events:none}
#hero .hero-scrim{display:none}
.hero-frame{padding-top:9.5rem;padding-bottom:4rem;justify-content:center}
.hero-frame::before{content:"PERSONAL BEAUTY  ·  PERSONAL RITUAL";position:absolute;top:9.6rem;left:50%;transform:translateX(-50%);font-size:.48rem;letter-spacing:.29em;color:var(--faint);white-space:nowrap}
.hero-frame::after{color:#111;right:2rem;bottom:3rem}
.h-label{top:auto;bottom:4rem;color:#111}
.hh{font-size:clamp(5rem,10.5vw,11.5rem);max-width:none;width:100%;line-height:.68;letter-spacing:-.075em;z-index:3;color:#111;text-shadow:none;font-style:normal}
.hh-row{position:relative;width:max-content}.hh-row-1{margin-left:-3vw}.hh-row-2{margin-left:20vw}.hh-row-3{margin-left:5vw;color:#111;font-style:italic}
.hh-row-2 .outline{-webkit-text-stroke:1.4px #111;color:rgba(251,250,247,.1)}
.hero-low{position:absolute;right:7%;bottom:8%;z-index:4;width:35%;background:var(--paper);padding:1.5rem 0 0 2rem}
.hs{font-size:.74rem;color:#111;border:0;padding:0;max-width:42ch}.h-actions .btn{font-size:.52rem}.h-actions .btn-ghost{display:none}

.ticker{background:#111;padding:.85rem 0}.ticker-item{font-style:normal;text-transform:uppercase;font-family:var(--ff-b);font-size:.58rem;letter-spacing:.3em}.ticker-item.alt{color:#fff;-webkit-text-stroke:0}.ticker-dot{color:#fff;font-size:.35rem}
#about{background:var(--paper)}.about-h{font-size:clamp(3.7rem,6.3vw,7rem);line-height:.78}.about-quote{border-color:#111}
.aimg-1,.aimg-2,.spot-img img,.sp-img-col img,.p-hero-img img,.p-hero-photo img{filter:grayscale(1) contrast(.95)}
.aimg-1-w{width:70%}.aimg-2-w{right:2%;bottom:-4rem;border-color:var(--paper)}
#spotlight{background:#e5e1da}#spotlight .lbl{color:#111}

#services{background:#111}#services .lbl,#services .sp-n{color:rgba(255,255,255,.55)}
#services .sp-intro h2,#services .sp-nm{font-size:clamp(3rem,5.6vw,6.3rem);line-height:.78}
#services .sp-big{-webkit-text-stroke:1px rgba(255,255,255,.16)}

#ba{background:var(--paper)}.ba-wrap{filter:grayscale(1)}.ba-grid{gap:clamp(.8rem,1.7vw,1.75rem)}
.ba-case img{filter:grayscale(1);transition:filter .5s ease,transform 1s cubic-bezier(.2,.6,.2,1)}.ba-case:hover img{filter:grayscale(0)}.ba-more-lbl{color:#111}

.p-hero{background:var(--paper);padding-top:clamp(10rem,19vh,14rem)}
.p-hero h1{font-size:clamp(5rem,10vw,11rem);line-height:.7;max-width:8ch;color:#111}.p-hero .hand{color:#111}.p-hero-split-media .p-hero-img:last-child{border-color:var(--paper)}.p-hero-chip{color:#111;border-color:#111}
#treatments{background:#111}#treatments .tr-bg{filter:grayscale(1) contrast(.9) brightness(.52)}
#tiers,#pricing,#process,#team,#gallery,#testimonials,#instagram,#brands,#academy,#contact{background:var(--paper)}
.tier.featured{background:#111}.gallery-grid img,.ig-item img,.tm-ph{filter:grayscale(1);transition:filter .5s ease}.gallery-grid a:hover img,.ig-item:hover img{filter:grayscale(0)}
.btn-brass{background:#111;color:#fff}.btn-brass::before{background:#8f7655}.link-u::after{background:#111}footer{background:#111}

@media(max-width:1080px){.nav-editorial{display:none}#mtog{display:flex}}
@media(max-width:900px){#hero .hero-bg{left:32%;top:12%;right:4%;bottom:43%}.hero-frame{justify-content:flex-end;padding-top:7rem}.hero-frame::before{top:7.3rem}.hh{font-size:clamp(4.4rem,15vw,8rem);margin-bottom:13rem}.hh-row-1{margin-left:0}.hh-row-2{margin-left:12vw}.hh-row-3{margin-left:3vw}.hero-low{position:static;width:100%;padding:1rem 0 0;background:transparent}.h-label{display:none}}
@media(max-width:640px){#hero .hero-bg{left:18%;top:11%;right:0;bottom:50%}.hero-frame{padding-top:6.7rem}.hero-frame::before{top:6.9rem;font-size:.4rem;letter-spacing:.19em}.hh{font-size:clamp(3.8rem,18vw,5.6rem);line-height:.72;margin-bottom:8rem}.hh-row-2{margin-left:5vw}.hero-low{background:var(--paper);padding-top:1.2rem}.h-actions{display:block}.h-actions .btn{width:100%;justify-content:center}}
