
:root{
  --cream:#f7f0e8;
  --cream-2:#fbf8f4;
  --rose:#c66f50;
  --rose-dark:#9c4d35;
  --gold:#b8955e;
  --brown:#4e392f;
  --ink:#302824;
  --muted:#776b64;
  --line:#ded1c6;
  --white:#fffdfb;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:Montserrat,Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.site-header{
  height:92px;max-width:var(--max);margin:auto;padding:8px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,253,251,.96)
}
.identity{display:flex;align-items:center;min-width:220px}
.identity img{width:240px;height:54px;object-fit:contain;object-position:left center}
.wordmark-identity img{mix-blend-mode:multiply}
.nav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.04em}
.nav a{transition:.2s}.nav>a:not(.book-link):hover{color:var(--rose)}
.book-link{border:1px solid var(--brown);padding:10px 15px}
.menu-toggle{display:none;border:0;background:none;font:inherit}
.hero{height:calc(100vh - 92px);min-height:650px;max-height:900px;position:relative;overflow:hidden}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,25,21,.58) 0%,rgba(34,25,21,.22) 46%,rgba(34,25,21,.03) 78%)}
.hero-card{position:absolute;left:max(7vw,calc((100vw - var(--max))/2 + 28px));top:50%;transform:translateY(-50%);color:white;max-width:610px}
.eyebrow{margin:0 0 18px;font-size:10px;letter-spacing:.22em;font-weight:600;color:var(--rose-dark)}
.hero .eyebrow{color:#f4d8c9}
h1,h2,h3,blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.02;margin-top:0}
h1{font-size:clamp(56px,7vw,104px);letter-spacing:-.02em;margin-bottom:28px}
h1 em{font-weight:500}
h2{font-size:clamp(42px,5vw,68px);margin-bottom:24px}
h3{font-size:30px;margin-bottom:10px}
.hero-copy{font-size:16px;max-width:560px;color:rgba(255,255,255,.9)}
.actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:.2s}
.btn-solid{background:var(--brown);color:white}.btn-solid:hover{background:#352721}
.btn-outline{border:1px solid var(--brown)}
.hero .text-link{color:white;border-color:white}
.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px;letter-spacing:.05em}
.section{max-width:var(--max);margin:auto;padding:110px 28px}
.manifesto{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}
.manifesto h2{margin-bottom:0}
.manifesto-copy{font-size:18px;color:var(--muted)}
.section-head{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:50px}
.section-head .eyebrow{grid-column:1/-1}
.section-head h2{margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{min-height:230px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s;background:white}
.service-card:hover{background:var(--cream)}
.service-card span,.treatment-list article span{font-size:10px;letter-spacing:.16em;color:var(--rose)}
.service-card h3{margin:45px 0 8px}
.service-card p{margin:0;color:var(--muted);font-size:13px}
.doctor-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);align-items:stretch}
.doctor-photo img{height:100%;min-height:720px;object-fit:cover;object-position:center 25%}
.doctor-copy{padding:110px clamp(40px,8vw,120px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.doctor-copy p{color:var(--muted);font-size:17px}
blockquote{font-size:42px;color:var(--rose-dark);margin:35px 0}
.clinic-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}
.clinic-copy p{color:var(--muted)}
.clinic-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 260px;gap:12px}
.clinic-collage img{height:100%;object-fit:cover}
.clinic-collage .c1{grid-row:1/3}
.editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.editorial img{max-height:760px;object-fit:cover}
.editorial p:not(.eyebrow){font-size:18px;color:var(--muted)}
.final-cta{background:var(--cream) url("assets/floral.webp") center/cover no-repeat;padding:130px 28px;text-align:center}
.final-cta>div{max-width:720px;margin:auto}
.final-cta p:not(.eyebrow){color:var(--muted);font-size:17px}
.footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:50px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;color:var(--muted);font-size:12px}
.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand img{width:58px;height:58px;object-fit:cover;object-position:center 35%;border-radius:0}
.footer-title{font-weight:600;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.footer a{display:block;margin-bottom:5px}
.page-hero{max-width:var(--max);margin:auto;padding:120px 28px 100px}
.page-hero.soft{background:linear-gradient(180deg,var(--cream),var(--white));max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px))}
.page-hero h1,.doctor-page h1,.contact-page h1{font-size:clamp(58px,7vw,96px);max-width:900px}
.page-hero>p:last-child{font-size:18px;color:var(--muted);max-width:720px}
.treatment-list article{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:48px 0;border-top:1px solid var(--line)}
.treatment-list article h2{font-size:48px;margin:12px 0 0}
.treatment-list article p{color:var(--muted);font-size:16px;max-width:650px}
.image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 10px 10px}
.image-strip img{height:480px;object-fit:cover}
.doctor-page{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}
.doctor-page-img{position:sticky;top:20px}.doctor-page-img img{max-height:820px;object-fit:cover;object-position:center 20%}
.big-copy{font-family:"Cormorant Garamond",Georgia,serif;font-size:29px;line-height:1.35;color:var(--brown)}
.doctor-page-copy>p:not(.eyebrow):not(.big-copy){color:var(--muted)}
.credentials-note{border-left:2px solid var(--gold);padding:12px 18px;margin:28px 0;color:var(--muted);font-size:13px;background:var(--cream)}
.clinic-hero{padding-bottom:60px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:20px}
.gallery img{height:560px;object-fit:cover}.gallery .g-wide{grid-column:1/-1;height:650px}
.clinic-facts{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}
.clinic-facts p:not(.eyebrow){color:var(--muted)}
.contact-page{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:start}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:46px 0}
.contact-details span{font-size:10px;letter-spacing:.16em;color:var(--rose-dark);font-weight:600}
.contact-details p{margin:8px 0;color:var(--muted)}
.contact-actions{display:flex;gap:14px;flex-wrap:wrap}
.small-note{font-size:11px;color:var(--muted);margin-top:25px}
.contact-photo img{height:760px;object-fit:cover}
@media(max-width:900px){
  .site-header{height:78px;padding:6px 20px}.identity{min-width:180px}.identity img{width:190px;height:44px}
  .menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:16px;right:16px;z-index:20;background:var(--white);padding:25px;border:1px solid var(--line);flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .hero{height:760px;min-height:0}.hero-card{left:28px;right:28px}.hero-overlay{background:linear-gradient(90deg,rgba(34,25,21,.62),rgba(34,25,21,.18))}
  .manifesto,.doctor-feature,.clinic-story,.editorial,.doctor-page,.contact-page{grid-template-columns:1fr}
  .manifesto{gap:35px}.service-grid{grid-template-columns:1fr 1fr}
  .doctor-photo img{min-height:560px}.doctor-copy{padding:75px 28px}
  .clinic-story{gap:40px}.editorial{gap:40px}
  .footer{grid-template-columns:1fr 1fr}
  .treatment-list article{grid-template-columns:1fr;gap:5px}
  .doctor-page-img{position:static}.gallery img,.gallery .g-wide{height:480px}
  .contact-photo img{height:620px}
}
@media(max-width:560px){
  h1{font-size:54px}.hero{height:700px}.hero-image{object-position:42% center}
  .hero-card{left:20px;right:20px}.section{padding:78px 20px}
  .section-head{grid-template-columns:1fr;gap:15px}
  .service-grid{grid-template-columns:1fr}.service-card{min-height:180px}.service-card h3{margin-top:28px}
  .clinic-collage{grid-template-columns:1fr;grid-template-rows:auto}.clinic-collage .c1{grid-row:auto}.clinic-collage img{height:360px}
  .editorial{grid-template-columns:1fr}.editorial img{max-height:none}
  .footer{grid-template-columns:1fr}.page-hero{padding:80px 20px 60px}
  .image-strip{grid-template-columns:1fr}.image-strip img{height:420px}
  .gallery{grid-template-columns:1fr}.gallery .g-wide{grid-column:auto}.gallery img,.gallery .g-wide{height:430px}
  .clinic-facts,.contact-details{grid-template-columns:1fr}
}

.credentials{margin:34px 0 32px;border-top:1px solid var(--line)}
.credential-row{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.credential-row>span{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;color:var(--rose-dark)}
.credential-row strong{color:var(--ink);font-weight:600}
@media(max-width:560px){.credential-row{grid-template-columns:54px 1fr;gap:14px}}

.site-header{
  position:sticky;
  top:0;
  z-index:30;
  border-bottom:1px solid rgba(222,209,198,.55);
  backdrop-filter:saturate(120%) blur(10px);
}
@media(max-width:560px){
  .identity{min-width:150px}
  .identity img{width:165px;height:38px}
}
