/* =====================================================================
   SÉRAINE — Aesthetic Medicine
   Concept: "The face, mapped." Champagne hairlines on warm bone.
   One accent (champagne gold, three-tier for AA). One easing token.
   ===================================================================== */

/* ---------- tokens ---------- */
:root{
  --ease: cubic-bezier(.22,1,.36,1);

  /* warm bone ground world (light, primary) */
  --bg:        #f4efe8;
  --bg-2:      #efe8de;   /* recessed panels */
  --bg-3:      #faf6f0;   /* raised panels */
  --ink:       #241f1a;   /* body */
  --ink-soft:  #5c534a;   /* secondary */
  --ink-faint: #8a8177;   /* tertiary / captions */

  /* champagne accent — three tiers for contrast discipline */
  --gold:      #c9a26a;   /* decorative / on-dark / large */
  --gold-mid:  #a97f4a;   /* large display italics, ≥3:1 large */
  --gold-ink:  #8a6234;   /* small text: kickers, links — AA on bone */
  --blush:     #e4c4bb;   /* glow only, never text */

  --line:      rgba(88,74,54,.16);
  --line-soft: rgba(88,74,54,.09);
  --line-gold: rgba(169,127,74,.30);

  --focus:     #6b4d24;

  /* canvas reads these (single source of truth) */
  --c-ground:  #f4efe8;
  --c-line:    201,162,106;   /* gold rgb */
  --c-node:    230,197,143;
  --c-blush:   228,196,187;

  --pad: clamp(20px,5.2vw,84px);
  --sec: clamp(88px,13vh,168px);
  --maxw: 1200px;

  --serif: "Cormorant Garamond", "Hoefler Text", Georgia, serif;
  --sans:  "Jost", "Helvetica Neue", system-ui, sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

  --shadow: 0 22px 60px -30px rgba(58,42,22,.42);
}

:root[data-theme="dark"]{
  --bg:        #181410;
  --bg-2:      #12100c;
  --bg-3:      #201a14;
  --ink:       #efe7db;
  --ink-soft:  #bcae9c;
  --ink-faint: #8a7f6f;

  --gold:      #d9b479;
  --gold-mid:  #d9b479;
  --gold-ink:  #e4c58f;   /* small text on dark — clears AA */
  --blush:     #7a5a52;

  --line:      rgba(217,180,121,.16);
  --line-soft: rgba(217,180,121,.09);
  --line-gold: rgba(217,180,121,.34);

  --focus:     #e4c58f;

  --c-ground:  #181410;
  --c-line:    217,180,121;
  --c-node:    236,201,140;
  --c-blush:   150,110,96;

  --shadow: 0 30px 70px -34px rgba(0,0,0,.7);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#181410; --bg-2:#12100c; --bg-3:#201a14;
    --ink:#efe7db; --ink-soft:#bcae9c; --ink-faint:#8a7f6f;
    --gold:#d9b479; --gold-mid:#d9b479; --gold-ink:#e4c58f; --blush:#7a5a52;
    --line:rgba(217,180,121,.16); --line-soft:rgba(217,180,121,.09); --line-gold:rgba(217,180,121,.34);
    --focus:#e4c58f;
    --c-ground:#181410; --c-line:217,180,121; --c-node:236,201,140; --c-blush:150,110,96;
    --shadow:0 30px 70px -34px rgba(0,0,0,.7);
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:300;
  font-size:clamp(15px,1.05vw,17px);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
::selection{background:var(--gold);color:#231d15}

h1,h2,h3,h4{font-family:var(--serif);font-weight:500;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
img,canvas,svg{display:block;max-width:100%}
em{font-style:italic}

:where(a,button,input,select,[tabindex]):focus-visible{
  outline:2px solid var(--focus);
  outline-offset:3px;
  border-radius:3px;
}

.skip{
  position:fixed;top:8px;left:8px;z-index:200;
  background:var(--ink);color:var(--bg);
  padding:10px 16px;border-radius:6px;
  transform:translateY(-160%);transition:transform .3s var(--ease);
}
.skip:focus{transform:none}

.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:100;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s var(--ease)}
.nav.is-stuck{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid var(--line)}
.nav__in{
  max-width:var(--maxw);margin:0 auto;
  padding:16px var(--pad);
  display:flex;align-items:center;gap:24px;
}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);flex:0 0 auto}
.brand__mark{color:var(--gold-mid);display:grid;place-items:center}
.brand__word{font-family:var(--serif);font-size:1.5rem;font-weight:600;letter-spacing:.01em}
.nav__links{display:flex;gap:30px;margin-left:auto;font-size:.86rem;letter-spacing:.02em}
.nav__links a{color:var(--ink-soft);position:relative;padding:4px 0;transition:color .3s var(--ease)}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--gold-mid);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav__links a:hover{color:var(--ink)}
.nav__links a:hover::after{transform:scaleX(1)}

.btn{
  --bg-btn:var(--ink);--fg-btn:var(--bg);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--sans);font-weight:400;font-size:.9rem;letter-spacing:.02em;
  padding:13px 26px;border-radius:100px;border:1px solid transparent;
  background:var(--bg-btn);color:var(--fg-btn);cursor:pointer;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s var(--ease),color .3s var(--ease);
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(40,28,12,.5)}
.btn:active{transform:translateY(0)}
.btn--sm{padding:9px 18px;font-size:.82rem}
.btn--lg{padding:16px 32px;font-size:.98rem}
.btn--ghost{--bg-btn:transparent;--fg-btn:var(--ink);border-color:var(--line-gold)}
.btn--ghost:hover{--bg-btn:color-mix(in srgb,var(--gold) 14%,transparent);box-shadow:none}
.nav .btn--sm{margin-left:0}

.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer;margin-left:auto}
.nav__burger span{width:22px;height:1.5px;background:var(--ink);transition:transform .3s var(--ease),opacity .3s var(--ease)}
.nav__burger[aria-expanded="true"] span:first-child{transform:translateY(6.5px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
.drawer{display:flex;flex-direction:column;gap:6px;padding:8px var(--pad) 22px;border-bottom:1px solid var(--line);background:var(--bg-3)}
.drawer[hidden]{display:none}
.drawer a{padding:12px 4px;color:var(--ink-soft);border-bottom:1px solid var(--line-soft)}
.drawer a:last-child{border:0;margin-top:10px}
.drawer .btn{color:var(--bg)}

/* ---------- shared bits ---------- */
.kicker{
  font-family:var(--mono);font-size:.72rem;font-weight:400;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold-ink);
  display:flex;align-items:center;gap:12px;margin:0 0 26px;
}
.kicker--center{justify-content:center}
.kicker__code{color:var(--ink-soft)}
.kicker__sep{width:26px;height:1px;background:var(--line-gold)}

.idx{font-family:var(--mono);font-size:.78rem;color:var(--gold-ink);letter-spacing:.1em}
.idx-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);margin-left:10px}

.sec-head{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(20px,5vw,64px);align-items:end}
.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.06}
.sec-head--center{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:820px;gap:0}
.sec-head--center h2{margin-top:16px}
.sec-head--center .idx-label{margin-left:8px}
.sec-head__eyebrow{display:flex;align-items:baseline}

.link-underline{color:var(--gold-ink);border-bottom:1px solid var(--line-gold);padding-bottom:2px;transition:border-color .3s var(--ease),color .3s var(--ease)}
.link-underline:hover{color:var(--ink);border-color:var(--gold-mid)}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--sec) * .7) var(--pad) var(--sec);overflow:hidden}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(120% 80% at 78% 42%, transparent 30%, color-mix(in srgb,var(--bg) 55%,transparent) 72%, var(--bg) 100%),
    linear-gradient(to right, var(--bg) 2%, color-mix(in srgb,var(--bg) 30%,transparent) 44%, transparent 66%);
}
.hero__grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");}
.hero__inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%}
.hero__title{font-size:clamp(2.9rem,8.4vw,6.6rem);line-height:.98;font-weight:500;letter-spacing:-.025em;margin:0 0 clamp(22px,3vh,34px);max-width:15ch}
.hero__title em{color:var(--gold-mid);font-weight:500}
.line{display:block;overflow:hidden}
.line>span{display:block;transform:translateY(115%);transition:transform 1.25s var(--ease)}
.hero.is-ready .line>span{transform:none}
.hero__title .line:nth-child(2)>span{transition-delay:.13s}
.hero__lede{max-width:46ch;font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--ink-soft);margin-bottom:34px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:clamp(38px,6vh,60px)}
.hero__facts{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(24px,4vw,56px);margin:0;padding-top:26px;border-top:1px solid var(--line);max-width:640px}
.hero__facts dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}
.hero__facts dd{margin:0;font-family:var(--serif);font-size:1.02rem;color:var(--ink);line-height:1.3}
.hero__legend{position:absolute;right:var(--pad);bottom:clamp(20px,4vh,40px);z-index:2;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:10px;max-width:min(46vw,340px);text-align:right;line-height:1.5}
.hero__legend-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 26%,transparent)}

/* ---------- philosophy ---------- */
.philo{max-width:var(--maxw);margin:0 auto;padding:var(--sec) var(--pad);display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,60px)}
.philo__index{display:flex;align-items:baseline}
.philo__title{font-size:clamp(1.9rem,4.4vw,3.5rem);line-height:1.12;font-weight:400;max-width:22ch}
.philo__title em{color:var(--gold-mid)}
.philo__meta{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(20px,4vw,48px);align-items:end;padding-top:30px;border-top:1px solid var(--line)}
.philo__meta p{color:var(--ink-soft);max-width:52ch}
.philo__meta a{justify-self:start}
[data-illum] .w{color:var(--ink-faint);transition:color .5s var(--ease)}
[data-illum] .w.lit{color:var(--ink)}
[data-illum] em .w.lit{color:var(--gold-mid)}

/* ---------- treatments ---------- */
.treat{padding:var(--sec) 0}
.treat .sec-head{margin-bottom:clamp(40px,6vw,72px)}
.treat__grid{
  max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;
}
.card{background:var(--bg-3);padding:clamp(24px,2.6vw,38px);display:flex;flex-direction:column;gap:12px;position:relative;transition:background .4s var(--ease)}
.card--wide{grid-column:span 2}
.card:hover{background:var(--bg)}
.card__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px}
.card__code{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--gold-ink);white-space:nowrap}
.card__from{white-space:nowrap}
.card__from{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint)}
.card__from b{color:var(--ink);font-weight:500}
.card h3{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1;margin-bottom:2px}
.card__sub{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--gold-ink);text-transform:uppercase;margin-bottom:6px}
.card p{color:var(--ink-soft);font-size:.96rem}
.card__tags{list-style:none;margin:auto 0 0;padding:14px 0 0;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line-soft)}
.card__tags li{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--ink-soft);padding:4px 10px;border:1px solid var(--line-gold);border-radius:100px}
.treat__foot{max-width:64ch;margin:clamp(34px,5vw,52px) auto 0;padding:0 var(--pad);text-align:center;color:var(--ink-soft);font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.5}

/* ---------- results ---------- */
.results{padding:var(--sec) var(--pad);background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.results__note{max-width:56ch;margin:16px auto 0;color:var(--ink-faint);font-size:.84rem}
.study{max-width:1000px;margin:clamp(44px,6vw,72px) auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(16px,3vw,40px);align-items:center}
.study__panel{margin:0;background:var(--bg-3);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.study__panel--after{border-color:var(--line-gold);box-shadow:0 22px 60px -30px rgba(169,127,74,.4)}
.study figcaption{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:10px}
.study figcaption span:first-child{font-family:var(--serif);font-size:1.25rem}
.study__meta{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--ink-faint);text-align:right}
.study__art{aspect-ratio:4/5;border-radius:8px;background:
  radial-gradient(120% 90% at 50% 30%, color-mix(in srgb,var(--bg) 60%,transparent), var(--bg-2));}
.study__arrow{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold-mid);font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.study__arrow svg{width:70px}
.ledger{max-width:var(--maxw);margin:clamp(48px,7vw,84px) auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ledger div{background:var(--bg-2);padding:clamp(24px,2.6vw,36px);text-align:center;display:flex;flex-direction:column;gap:10px}
.ledger dt{order:2;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);line-height:1.4}
.ledger dd{order:1;margin:0;font-family:var(--serif);font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--gold-mid);font-weight:500}
.ledger .unit{font-size:.9rem;color:var(--ink-faint);margin-left:4px;font-family:var(--mono);letter-spacing:.04em}

/* ---------- membership ---------- */
.member{padding:var(--sec) 0}
.member .sec-head{margin-bottom:clamp(40px,6vw,68px)}
.plans{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.plan{background:var(--bg-3);border:1px solid var(--line);border-radius:18px;padding:clamp(26px,2.6vw,38px);display:flex;flex-direction:column;gap:18px;position:relative;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.plan--feature{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.plan--feature .plan__for{color:color-mix(in srgb,var(--bg) 74%,transparent)}
.plan--feature ul li{color:color-mix(in srgb,var(--bg) 88%,transparent)}
.plan--feature ul li::before{color:var(--gold)}
.plan--feature .plan__price{color:var(--bg)}
.plan__flag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:#231d15;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:5px 14px;border-radius:100px;white-space:nowrap}
.plan header{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.plan--feature header{border-color:color-mix(in srgb,var(--bg) 20%,transparent)}
.plan h3{font-size:1.7rem}
.plan__price{font-family:var(--serif);font-size:2.6rem;font-weight:500;color:var(--ink);display:flex;align-items:baseline;gap:8px}
.plan__price span:last-child{font-size:.9rem;font-family:var(--mono);color:var(--ink-faint);letter-spacing:.04em}
.plan--feature .plan__price span:last-child{color:color-mix(in srgb,var(--bg) 60%,transparent)}
.plan__for{color:var(--ink-soft);font-size:.94rem;min-height:2.6em}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}
.plan ul li{position:relative;padding-left:24px;color:var(--ink-soft);font-size:.94rem}
.plan ul li::before{content:"—";position:absolute;left:0;color:var(--gold-mid)}
.plan .btn{margin-top:8px;width:100%}

/* ---------- physician ---------- */
.doctor{max-width:var(--maxw);margin:0 auto;padding:var(--sec) var(--pad);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,80px);align-items:center}
.doctor__portrait{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line-gold);box-shadow:var(--shadow)}
.doctor__portrait canvas{width:100%;height:100%}
.doctor__cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--ink);background:linear-gradient(to top,color-mix(in srgb,var(--bg) 92%,transparent),transparent)}
.doctor__body .sec-head{display:block;padding:0;margin-bottom:24px}
.doctor__body h2{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.08;margin-top:14px}
.doctor__body>p{color:var(--ink-soft);max-width:52ch;font-size:1.02rem}
.creds{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:30px 0}
.creds div{background:var(--bg);padding:18px 20px}
.creds dt{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}
.creds dd{margin:0;font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.quote{margin:0;padding:26px 30px;background:var(--bg-2);border-left:2px solid var(--gold-mid);border-radius:0 12px 12px 0}
.quote p{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1.9vw,1.45rem);line-height:1.42;color:var(--ink)}
.quote cite{display:block;margin-top:14px;font-family:var(--mono);font-size:.72rem;font-style:normal;letter-spacing:.06em;color:var(--gold-ink)}

/* ---------- consult ---------- */
.consult{position:relative;padding:var(--sec) var(--pad);text-align:center;overflow:hidden;background:var(--ink);color:var(--bg)}
:root[data-theme="dark"] .consult{background:var(--bg-2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .consult{background:var(--bg-2)}}
.consult__glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 8%, color-mix(in srgb,var(--gold) 24%,transparent), transparent 70%),
             radial-gradient(50% 50% at 50% 100%, color-mix(in srgb,var(--blush) 20%,transparent), transparent 72%);}
.consult>*{position:relative;z-index:1}
.consult .kicker__code{color:color-mix(in srgb,var(--bg) 66%,transparent)}
.consult .kicker{color:var(--gold)}
.consult__title{font-size:clamp(2.6rem,7vw,5rem);line-height:1;margin:0 0 20px;font-weight:500}
.consult__title .w{color:color-mix(in srgb,var(--bg) 34%,transparent)}
.consult__title .w.lit{color:var(--bg)}
.consult__lede{max-width:52ch;margin:0 auto 40px;color:color-mix(in srgb,var(--bg) 82%,transparent);font-size:clamp(1rem,1.5vw,1.18rem)}
.consult__form{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.field{display:flex;flex-direction:column;gap:7px}
.field--goal{grid-column:1/-1}
.field label{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--bg) 60%,transparent)}
.field input,.field select{
  font-family:var(--sans);font-size:1rem;color:var(--bg);
  background:color-mix(in srgb,var(--bg) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--bg) 22%,transparent);
  border-radius:10px;padding:14px 16px;transition:border-color .3s var(--ease),background .3s var(--ease);
}
.field input::placeholder{color:color-mix(in srgb,var(--bg) 44%,transparent)}
.field input:focus,.field select:focus{border-color:var(--gold);background:color-mix(in srgb,var(--bg) 12%,transparent);outline:none}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23c9a26a' stroke-width='1.5'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.consult__form .btn{grid-column:1/-1;--bg-btn:var(--gold);--fg-btn:#231d15;margin-top:4px}
.consult__form .btn:hover{--bg-btn:#d8b57f}
.consult__reassure{grid-column:1/-1;text-align:center;margin-top:6px;font-size:.86rem;color:color-mix(in srgb,var(--bg) 66%,transparent)}
.consult__reassure.is-sent{color:var(--gold)}

/* ---------- footer ---------- */
.foot{background:var(--bg-2);border-top:1px solid var(--line);padding:clamp(56px,8vw,88px) var(--pad) 30px}
.foot__in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(28px,4vw,56px)}
.foot__brand .brand__word{font-size:1.7rem;color:var(--ink);display:block;margin-bottom:14px}
.foot p{color:var(--ink-faint);font-size:.88rem;line-height:1.7}
.foot a{color:var(--ink-soft);transition:color .3s var(--ease)}
.foot a:hover{color:var(--gold-ink)}
.foot h4{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}
.foot__base{max-width:var(--maxw);margin:clamp(40px,6vw,64px) auto 0;padding-top:24px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--ink-faint)}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .nav__links{display:none}
  .nav .btn--sm{display:none}
  .nav__burger{display:flex}
  .sec-head{grid-template-columns:1fr;gap:14px}
  .treat__grid{grid-template-columns:repeat(2,1fr)}
  .card--wide{grid-column:span 2}
  .doctor{grid-template-columns:1fr;gap:36px}
  .doctor__portrait{max-width:420px;margin:0 auto;width:100%}
  .foot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .plans{grid-template-columns:1fr;max-width:440px}
  .plan--feature{order:-1}
  .ledger{grid-template-columns:repeat(2,1fr)}
  .study{grid-template-columns:1fr;gap:20px;max-width:400px}
  .study__arrow{flex-direction:row;transform:rotate(90deg);margin:0 auto}
  .philo__meta{grid-template-columns:1fr;gap:22px}
  .hero__facts{grid-template-columns:1fr 1fr;gap:22px}
  .hero__legend{display:none}
  .hero__canvas{opacity:.52}
  .hero__scrim{background:radial-gradient(120% 70% at 50% 46%, transparent 34%, var(--bg) 92%)}
  .consult__form{grid-template-columns:1fr}
}
@media (max-width:480px){
  .treat__grid{grid-template-columns:1fr}
  .card--wide{grid-column:span 1}
  .creds{grid-template-columns:1fr}
  .foot__in{grid-template-columns:1fr}
  .hero__facts{grid-template-columns:1fr}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
  .line>span{transform:none!important}
  .hero__grain{opacity:.35}
  [data-illum] .w{color:var(--ink)}
  [data-illum] em .w{color:var(--gold-mid)}
  .consult__title .w{color:var(--bg)}
  .btn:hover,.plan:hover{transform:none}
}