:root{--ink:#30251f;--coffee:#3c2c24;--brown:#5b4033;--caramel:#a68562;--champagne:#d8c5a9;--sand:#ede3d5;--ivory:#f8f5ef;--white:#fff;--muted:#74675f;--line:#e4d8ca;--shadow:0 24px 64px rgba(48,37,31,.14);--radius:18px;--font:"DM Sans",sans-serif;--display:"Italiana",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:var(--font);line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.skip{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px 18px;background:var(--sand);border-radius:8px}
.skip:focus{top:10px}
.header{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:.3s}
.header.scrolled{padding:10px 0;background:rgba(248,245,239,.96);box-shadow:0 8px 30px rgba(48,37,31,.08);backdrop-filter:blur(12px)}
.header__inner,.brand,.nav{display:flex;align-items:center}
.header__inner{justify-content:space-between}
.brand{gap:12px}
.brand__mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:var(--coffee);color:var(--champagne);font:400 1.05rem var(--display);letter-spacing:.02em}
.brand__name{font:400 1.06rem/1.1 var(--display);letter-spacing:.02em}
.brand small{display:block;margin-top:6px;color:var(--muted);font:600 .6rem/1 var(--font);letter-spacing:.14em;text-transform:uppercase}
.nav{gap:25px;font-size:.86rem;font-weight:600}
.nav>a:not(.button):hover{color:var(--caramel)}
.menu{display:none;padding:8px;background:transparent;border:0}
.menu span{display:block;width:25px;height:2px;margin:5px;background:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 23px;border:1px solid var(--coffee);border-radius:999px;background:var(--coffee);color:#fff;font-weight:700;transition:.25s}
.button:hover{transform:translateY(-2px);background:var(--brown);box-shadow:0 12px 25px rgba(48,37,31,.2)}
.button--small{padding:10px 17px;font-size:.81rem}
.hero{min-height:780px;padding:150px 0 90px;background:linear-gradient(112deg,var(--ivory) 0 64%,var(--sand) 64%);overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px}
.eyebrow{margin:0 0 20px;color:var(--brown);font-size:.72rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.hero h1,.section h2,.cta h2{margin:0;font:400 clamp(3rem,6.2vw,5.4rem)/1.02 var(--display)}
.hero h1 em{color:var(--caramel);font-style:normal}
.hero__lead{max-width:610px;margin:28px 0;color:var(--muted);font-size:1.12rem}
.hero__actions{display:flex;align-items:center;gap:28px}
.text-link{border-bottom:1px solid;font-weight:700}
.hero__details{display:flex;gap:48px;margin-top:46px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.83rem}
.hero__details b{display:block;color:var(--ink);font-size:.92rem}
.hero__visual{position:relative}
.hero__visual img{position:relative;z-index:2;width:100%;height:590px;border-radius:240px 240px 18px 18px;object-fit:cover;object-position:center 17%;box-shadow:var(--shadow)}
.hero__halo{position:absolute;inset:-24px 22px 24px -24px;border:1px solid var(--caramel);border-radius:250px 250px 18px 18px}
.hero__badge{position:absolute;z-index:3;right:-30px;bottom:34px;min-width:218px;padding:18px 22px;border-radius:12px;background:var(--champagne);box-shadow:var(--shadow)}
.hero__badge span{display:block;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hero__badge strong{font:400 1.3rem var(--display)}
.signature{background:var(--coffee);color:white}
.signature__inner{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.signature i{width:5px;height:5px;border-radius:50%;background:var(--champagne)}
.section{padding:112px 0}
.about__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.about__portrait{position:relative;padding:0 56px 56px 0}
.about__portrait img{width:100%;height:590px;border-radius:var(--radius);object-fit:cover;object-position:center 17%;filter:saturate(.9)}
.about__monogram{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:138px;height:138px;border:8px solid #fff;border-radius:50%;background:var(--coffee);color:var(--champagne);font:400 1.7rem var(--display)}
.section h2{font-size:clamp(2.3rem,4vw,3.8rem)}
.about p:not(.eyebrow),.journey p{color:var(--muted)}
.about__quote{margin-top:30px;padding:22px 0 22px 25px;border-left:2px solid var(--caramel);color:var(--brown);font:400 1.35rem/1.45 var(--display)}
.treatments{background:var(--ivory)}
.section__head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:52px}
.section__head>div{max-width:750px}
.section__head>p{max-width:360px;color:var(--muted)}
.treatments__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.treatments article{min-height:250px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:white;transition:.3s}
.treatments article:hover{transform:translateY(-5px);border-color:transparent;box-shadow:var(--shadow)}
.treatments article>span{color:var(--caramel);font-size:.73rem;font-weight:700}
.treatments h3{margin:22px 0 10px;font:400 1.45rem var(--display)}
.treatments article p{color:var(--muted);font-size:.9rem}
.treatments__cta{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:24px 30px;border-radius:var(--radius);background:var(--sand)}
.treatments__cta p{margin:0;font-weight:600}
.treatments__cta a{color:var(--brown);font-weight:700}
.journey{background:var(--coffee);color:white}
.journey__grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.eyebrow--light{color:var(--champagne)}
.journey h2{color:white}
.journey ol{list-style:none;margin:0;padding:0}
.journey li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.journey li>span{color:var(--champagne);font-weight:700}
.journey h3{margin:0;font:400 1.45rem var(--display)}
.journey li p{margin:4px 0 0;color:#d7ccc5}
.locations__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.locations article{position:relative;overflow:hidden;padding:42px;border:1px solid var(--line);border-radius:var(--radius);background:var(--ivory)}
.locations article:after{content:"GJ";position:absolute;right:24px;bottom:-28px;color:rgba(166,133,98,.12);font:400 7rem var(--display)}
.locations article>span{color:var(--caramel);font-size:.72rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.locations h3{margin:10px 0 18px;font:400 2rem var(--display)}
.locations p{color:var(--muted)}
.locations a{position:relative;z-index:1;display:inline-block;margin-top:8px;color:var(--brown);font-weight:700}
.cta{padding:86px 0;background:var(--ink);color:white}
.cta__inner{display:flex;justify-content:space-between;align-items:end;gap:60px}
.cta h2{max-width:760px;font-size:clamp(2.3rem,4.5vw,4rem)}
.cta p:not(.eyebrow){max-width:650px;color:#d8cdc7}
.cta__actions{display:flex;flex-direction:column;align-items:center;gap:15px}
.button--light{white-space:nowrap;background:var(--champagne);border-color:var(--champagne);color:var(--ink)}
.button--light:hover{background:white}
.cta__instagram{font-size:.76rem;color:#d8cdc7}
.footer{padding:68px 0 20px;background:#1e1713;color:#bdb3ad}
.footer__top{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px}
.brand--footer{align-self:start;color:white}
.brand--footer .brand__mark{background:var(--champagne);color:var(--coffee)}
.brand--footer small{color:#bdb3ad}
.footer__top>div:not(.brand){display:flex;flex-direction:column;gap:8px}
.footer strong{margin-bottom:10px;color:white}
.footer a:hover{color:var(--champagne)}
.footer__bottom{display:flex;justify-content:space-between;margin-top:58px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.77rem}
.footer__bottom a{color:white;font-weight:700}
.top,.floating{position:fixed;right:22px;display:grid;place-items:center;border:0;border-radius:50%;transition:.3s}
.floating{z-index:90;bottom:22px;width:62px;height:62px;background:var(--caramel);color:white;font-size:.66rem;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.top{bottom:94px;width:44px;height:44px;background:var(--sand);color:var(--ink);font-size:1.2rem;opacity:0;pointer-events:none;transform:translateY(10px)}
.top.visible{opacity:1;pointer-events:auto;transform:none}
[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}
[data-reveal].visible{opacity:1;transform:none}
@media(max-width:1050px){.treatments__grid{grid-template-columns:repeat(2,1fr)}.hero__grid{gap:50px}}
@media(max-width:900px){.nav{position:fixed;inset:76px 20px auto;display:none;flex-direction:column;align-items:stretch;padding:26px;border-radius:14px;background:white;box-shadow:var(--shadow)}.nav.open{display:flex}.menu{display:block}.hero{background:var(--ivory)}.hero__grid,.about__grid,.journey__grid{grid-template-columns:1fr}.hero__grid{gap:72px}.hero__visual{max-width:560px}.about__grid,.journey__grid{gap:60px}.section__head{align-items:start;flex-direction:column;gap:15px}.footer__top{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.header{padding:11px 0}.brand__mark{width:42px;height:42px}.brand__name{font-size:.86rem}.brand small{display:none}.hero{padding:112px 0 68px;min-height:auto}.hero h1{font-size:2.72rem}.hero__actions{align-items:flex-start;flex-direction:column;gap:18px}.hero__details{gap:28px}.hero__visual img{height:500px}.hero__badge{right:-4px;bottom:22px}.signature__inner{gap:9px;font-size:.56rem}.signature__inner span:nth-of-type(even){display:none}.section{padding:78px 0}.about__portrait{padding:0 34px 34px 0}.about__portrait img{height:490px}.about__monogram{width:105px;height:105px}.treatments__grid,.locations__grid{grid-template-columns:1fr}.treatments__cta{align-items:flex-start;flex-direction:column;gap:12px}.journey__grid{gap:40px}.cta__inner{align-items:flex-start;flex-direction:column}.cta__actions{align-items:flex-start}.footer__top{grid-template-columns:1fr 1fr}.brand--footer{grid-column:1/-1}.footer__bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}[data-reveal]{opacity:1;transform:none}}