/* VENDORED from design-concepts/APPROVED/shared/sets/C.css by scripts/gen/vendor-board.mjs. Do not edit: check-vendored-board.mjs
   re-derives this file and FAILS on drift. Transforms: board font folder -> /fonts/; board set assets -> /images/. */
/* APPROVED copy (TASK-CO1, 2026-10-16) of design-concepts/variant-V3-preserve/modules/C.css: the frozen design reference for Phase 2 ([R25], GATE 1.5 R-24). Edit nothing here; a change is a new ruling. */
/* V3 What You Want to Preserve (set C, WILDCARD): the 12 homepage modules (TASK-W3, 2026-10-16). Every selector is scoped to
   [data-variant="C"] (shared/CONTRACT.md 4). The premise: the homepage IS the evaluation-first consult (WORLD-BRIEF field 1).
   Locked (field 4): the team's tokens (navy --ink, --cream / --cream-hi, --bronze), Instrument Serif + Manrope, Lucide 1.5, the logo.
   Free: the layouts, a light paper ground, the interaction. Bronze is reserved for the selected chip, the CTAs and the path numbers
   (field 6); every other accent is ink, teal or the team's --mint tint. Never #000; no @keyframes (GSAP only, C.js); transitions are
   hover / press / state only, on the team curves. Grounds (field 6): hero paper (cream-hi) with the path panel · why cream · proof navy ·
   booking cream-hi · menu cream · body map cream-hi · physician cream · payment cream-hi · gallery cream · visit navy · FAQ cream ·
   closing cream-hi with the navy band and the recap. Breakpoints 1023.98 / 767.98. */

/* ---------------------------------------------------------------- shared within C */
[data-variant="C"]:is(.li-motion *) [data-li3-reveal] { opacity: 0; }
[data-variant="C"] .li-eyebrow + h2 { margin-top: 1.1rem; }
[data-variant="C"] .li-wrap { position: relative; }

/* ================================================================ 1. HERO: the consult */
[data-variant="C"].li3-hero { position: relative; background: var(--cream-hi); color: var(--ink); overflow-x: clip; padding-bottom: var(--sp-open); }
/* the announcement bar is in flow above the hero, so only the island's own height is cleared */
[data-variant="C"] .li3-hero-in { padding-top: calc(var(--li-head-clear) - var(--li-announce-h, 38px) + clamp(1rem, 2.2vh, 1.8rem)); }
/* [R36] / R-12: the exact H1, small, first in the hero DOM; a letterhead rule runs after it */
[data-variant="C"] .li3-hero-h1 { display: flex; align-items: center; gap: 1rem; font-family: var(--f-b); font-size: var(--s-super); font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase; line-height: 1.35; color: var(--ink); }
[data-variant="C"] .li3-hero-h1::after { content: ""; flex: 0 1 8rem; height: 1px; background: var(--ink-40); }
[data-variant="C"] .li3-hero-display { font-family: var(--f-d); font-weight: 400; font-size: var(--s-6); line-height: .95; letter-spacing: -.02em;
  color: var(--ink); max-width: 10.4em; margin-top: clamp(.8rem, 1.5vw, 1.3rem); }
[data-variant="C"] .li3-hero-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(2rem, 4.5vw, 4.5rem);
  align-items: start; margin-top: clamp(1.4rem, 2.4vw, 2.2rem); }
[data-variant="C"] .li3-consult { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
[data-variant="C"] .li3-hero-lede { max-width: 46ch; color: var(--ink-72); font-size: clamp(1.05rem, .98rem + .3vw, 1.22rem); line-height: 1.6; }
[data-variant="C"] .li3-ask { margin-top: clamp(1.4rem, 2.4vw, 2rem); width: 100%; }
[data-variant="C"] .li3-q { font-size: clamp(1.6rem, 1.2rem + 1.05vw, 2.2rem); line-height: 1.08; letter-spacing: -.012em; }
/* the goal chips: links with JS off, a keyboard radiogroup with JS (C.js); bronze marks only the selected one */
[data-variant="C"] .li3-chips { display: flex; flex-wrap: wrap; gap: .55rem .6rem; margin-top: 1.1rem; }
[data-variant="C"] .li3-chip { position: relative; display: inline-flex; align-items: center; gap: .65rem; min-height: 2.95rem; padding: .5rem 1.15rem .5rem .85rem;
  border-radius: var(--r-pill); border: 1px solid var(--ink-16); background: rgba(244,238,225,.55); color: var(--ink); font-size: .95rem;
  font-weight: 600; line-height: 1.2; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: background-color .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease), transform .35s var(--ease); }
[data-variant="C"] .li3-chip:hover { border-color: var(--ink-40); background: var(--cream); }
[data-variant="C"] .li3-chip:active { transform: scale(.98); }
[data-variant="C"] .li3-chip-dot { position: relative; flex: none; width: 1rem; height: 1rem; border-radius: 50%; border: 1.5px solid var(--ink-40);
  transition: border-color .35s var(--ease); }
[data-variant="C"] .li3-chip-dot::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; background: var(--bronze); transform: scale(0);
  transition: transform .45s var(--eout); }
[data-variant="C"] .li3-chip[aria-checked="true"] { border-color: var(--bronze); background: rgba(183,139,91,.15); box-shadow: inset 0 0 0 1px rgba(183,139,91,.45); }
[data-variant="C"] .li3-chip[aria-checked="true"] .li3-chip-dot { border-color: var(--bronze); }
[data-variant="C"] .li3-chip[aria-checked="true"] .li3-chip-dot::after { transform: scale(1); }
[data-variant="C"]:is(.li-motion *) .li3-chip { opacity: 0; }
[data-variant="C"] .li3-hint { margin-top: .9rem; max-width: 62ch; font-family: var(--f-d); font-style: italic; font-size: clamp(1.1rem, 1rem + .3vw, 1.28rem);
  line-height: 1.35; color: var(--ink-72); }
[data-variant="C"] .li3-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: clamp(1.4rem, 2.4vw, 1.9rem); }
[data-variant="C"] .li3-hero-proof { margin-top: 1.15rem; }
/* the framed real photograph (field 7: one framed real photo in the hero; a double bezel) */
[data-variant="C"] .li3-frame { margin: 0; padding: .55rem; border-radius: var(--r-xl); background: rgba(29,56,91,.045); border: 1px solid var(--ink-09);
  box-shadow: 0 40px 70px -52px rgba(29,56,91,.45); }
[data-variant="C"] .li3-frame-core { position: relative; overflow: hidden; aspect-ratio: 4 / 5; border-radius: calc(var(--r-xl) - .55rem); background: var(--sand);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5); }
[data-variant="C"] .li3-frame-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; transform-origin: 50% 60%; }
[data-variant="C"] .li3-frame-cap { padding: .75rem .55rem .2rem; font-size: .8rem; line-height: 1.45; color: var(--ink-62); }
@media (min-width: 1024px) {
  /* the frame rises beside the display line's short second line ("in Fair Lawn, NJ"), so the type wraps around it */
  [data-variant="C"] .li3-frame { margin-top: calc(var(--s-6) * -.9 - clamp(1.4rem, 2.4vw, 2.2rem)); }
}

/* the starting path panel (field 2; [data-li3-path]): a double-bezel consult sheet */
[data-variant="C"] .li3-path { margin-top: clamp(3.2rem, 6vw, 5.5rem); padding: .55rem; border-radius: var(--r-xl); background: rgba(29,56,91,.05);
  border: 1px solid var(--ink-09); box-shadow: 0 40px 80px -60px rgba(29,56,91,.5); scroll-margin-top: calc(var(--li-head-clear) + 1rem); }
[data-variant="C"] .li3-path-core { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2rem, 4vw, 4rem);
  padding: clamp(1.6rem, 3.2vw, 3rem); border-radius: calc(var(--r-xl) - .55rem); background: var(--cream); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
[data-variant="C"] .li3-path-side { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
[data-variant="C"] .li3-path-h { font-family: var(--f-b); font-size: var(--s--1); font-weight: 700; letter-spacing: .2em; text-transform: uppercase; line-height: 1.3; color: var(--ink-72); }
[data-variant="C"] .li3-path-goal { width: 100%; }
[data-variant="C"] .li3-path-for { margin-top: .8rem; font-family: var(--f-d); font-size: clamp(2.1rem, 1.5rem + 2vw, 3.3rem); line-height: 1; letter-spacing: -.012em; }
[data-variant="C"] .li3-path-concerns { list-style: none; margin: 1.05rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem 1rem; font-size: .88rem; line-height: 1.4; }
[data-variant="C"] .li3-path-concerns a { color: var(--ink-72); border-bottom: 1px solid var(--ink-16); transition: color .3s var(--ease), border-color .3s var(--ease); }
[data-variant="C"] .li3-path-concerns a:hover { color: var(--ink); border-color: var(--ink); }
[data-variant="C"] .li3-confirm { display: flex; align-items: center; gap: .85rem; margin-top: 1.7rem; padding-top: 1.3rem; border-top: 1px solid var(--ink-16); width: 100%;
  font-family: var(--f-d); font-style: italic; font-size: clamp(1.12rem, 1.02rem + .3vw, 1.3rem); line-height: 1.3; color: var(--ink); }
[data-variant="C"] .li3-confirm-img { flex: none; width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; object-position: 50% 16%;
  box-shadow: 0 0 0 3px var(--cream-hi), 0 0 0 4px var(--ink-16); }
[data-variant="C"] .li3-path-menu { margin-top: 1.4rem; }
[data-variant="C"] .li3-path-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; column-gap: 2rem;
  min-height: calc(4 * 4.9rem); }
[data-variant="C"] .li3-path-list:has(> li:nth-child(5)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* two columns: the Book pill folds to its arrow circle (its aria-label still names the service) */
[data-variant="C"] .li3-path-list:has(> li:nth-child(5)) .li3-path-book { padding: .3rem; }
[data-variant="C"] .li3-path-list:has(> li:nth-child(5)) .li3-path-book span { display: none; }
[data-variant="C"] .li3-path-item { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr) auto; align-items: center; gap: .9rem; min-height: 4.9rem;
  padding: .85rem 0; border-bottom: 1px solid var(--ink-16); }
[data-variant="C"] .li3-path-n { font-family: var(--f-d); font-style: italic; font-size: 1.85rem; line-height: 1; color: var(--bronze); }
[data-variant="C"] .li3-path-main { display: flex; flex-direction: column; min-width: 0; }
[data-variant="C"] .li3-path-name { font-family: var(--f-d); font-size: clamp(1.3rem, 1.08rem + .65vw, 1.65rem); line-height: 1.12; color: var(--ink); transition: color .3s var(--ease); }
[data-variant="C"] .li3-path-name:hover { color: var(--bronze-dk); }
[data-variant="C"] .li3-path-cat { margin-top: .3rem; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-58); }
[data-variant="C"] .li3-path-book { display: inline-flex; align-items: center; gap: .5rem; padding: .3rem .3rem .3rem .95rem; border-radius: var(--r-pill);
  background: rgba(183,139,91,.14); border: 1px solid rgba(183,139,91,.42); color: var(--ink); font-size: .82rem; font-weight: 700;
  transition: background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease); }
[data-variant="C"] .li3-path-book svg { width: 1.9rem; height: 1.9rem; padding: .45rem; border-radius: 50%; background: var(--bronze); color: #fff;
  transition: transform .45s var(--eout); }
[data-variant="C"] .li3-path-book:hover { background: var(--ink); border-color: var(--ink); color: var(--cod); }
[data-variant="C"] .li3-path-book:hover svg { transform: translateX(2px); }
[data-variant="C"] .li3-path-book:active { transform: scale(.98); }

@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-hero-grid { grid-template-columns: minmax(0, 1fr); row-gap: 2.6rem; }
  [data-variant="C"] .li3-frame { max-width: 34rem; }
  [data-variant="C"] .li3-frame-core { aspect-ratio: 16 / 11; }
  [data-variant="C"] .li3-path-core { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-path-list { min-height: 0; }
}
@media (max-width: 767.98px) {
  /* 390 designed: H1, display, question + chips, Book, call and the rating above the mobile bar; the path panel follows the picker and the
     framed photo moves below it (field 5) */
  [data-variant="C"] .li3-hero-in { display: flex; flex-direction: column; padding-top: calc(var(--li-head-clear) - var(--li-announce-h, 38px) + 1rem); }
  [data-variant="C"] .li3-hero-h1::after { display: none; }
  [data-variant="C"] .li3-hero-grid { display: contents; }
  [data-variant="C"] .li3-hero-display { margin-top: .7rem; }
  [data-variant="C"] .li3-consult { order: 3; margin-top: 1.1rem; }
  [data-variant="C"] .li3-path { order: 4; margin-top: 2.6rem; }
  [data-variant="C"] .li3-frame { order: 5; margin-top: 2.4rem; max-width: none; }
  [data-variant="C"] .li3-ask { order: 1; margin-top: 0; }
  [data-variant="C"] .li3-hero-actions { order: 2; }
  [data-variant="C"] .li3-hero-proof { order: 3; }
  [data-variant="C"] .li3-hint { order: 4; margin-top: 1.6rem; }
  [data-variant="C"] .li3-hero-lede { order: 5; margin-top: .9rem; font-size: 1rem; }
  [data-variant="C"] .li3-q { font-size: 1.55rem; }
  [data-variant="C"] .li3-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin-top: .85rem; }
  [data-variant="C"] .li3-chip { min-height: 2.85rem; padding: .45rem .7rem .45rem .65rem; gap: .5rem; font-size: .86rem; border-radius: 16px; }
  [data-variant="C"] .li3-chip-dot { width: .9rem; height: .9rem; }
  /* Book fills the row; the call button folds to its icon circle (the label stays for screen readers; the bar below repeats Call) */
  [data-variant="C"] .li3-hero-actions { width: 100%; margin-top: 1rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
  [data-variant="C"] .li3-hero-actions .li-btn { min-height: 3.3rem; }
  [data-variant="C"] .li3-hero-actions .li-btn--bronze { justify-content: space-between; padding-left: 1.3rem; }
  [data-variant="C"] .li3-hero-actions .li-btn--light { width: 3.3rem; padding: 0; gap: 0; justify-content: center; }
  [data-variant="C"] .li3-hero-actions .li-btn--light .li-btn-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  [data-variant="C"] .li3-hero-proof { margin-top: .85rem; }
  [data-variant="C"] .li3-path-core { padding: 1.4rem 1.15rem 1.2rem; gap: 1.4rem; }
  [data-variant="C"] .li3-path-list:has(> li:nth-child(5)) { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-path-item { grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .7rem; min-height: 0; padding: .8rem 0; }
  [data-variant="C"] .li3-path-n { font-size: 1.5rem; }
  [data-variant="C"] .li3-path-book { padding-left: .75rem; }
  [data-variant="C"] .li3-frame-core { aspect-ratio: 4 / 3; }
}

/* ================================================================ 2. WHY US: the consult notes */
[data-variant="C"].li3-why { background: var(--cream); padding-block: var(--sp-open); }
[data-variant="C"] .li3-intro { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
[data-variant="C"] .li3-intro-h { font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 14ch; }
[data-variant="C"] .li3-intro-body { display: grid; gap: 1.4rem; padding-top: .5rem; }
[data-variant="C"] .li3-intro-body p { color: var(--ink-72); line-height: 1.8; max-width: 60ch; }
[data-variant="C"] .li3-intro-body strong { color: var(--ink); }
/* the paragraph the hero question comes from, set as the page's own pull line; its phrase carries the --mint marker */
[data-variant="C"] .li3-intro-body .li3-intro-key { font-family: var(--f-d); font-size: clamp(1.45rem, 1.15rem + 1vw, 2.05rem); line-height: 1.3; color: var(--ink); max-width: 30ch; }
[data-variant="C"] .li3-intro-key strong { font-weight: 400; background: linear-gradient(180deg, transparent 58%, rgba(207,220,236,.95) 58%, rgba(207,220,236,.95) 92%, transparent 92%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone; }
@media (min-width: 1024px) {
  [data-variant="C"] .li3-intro-head { position: sticky; top: calc(var(--li-head-clear) + 1.5rem); }
}
[data-variant="C"] .li3-letter { position: relative; max-width: 62rem; margin: clamp(4rem, 7vw, 6.5rem) auto 0; padding: clamp(2.4rem, 5vw, 4.5rem) clamp(1.6rem, 6vw, 5.5rem);
  background: var(--cream-hi); border-radius: 8px 8px var(--r-l) var(--r-l); border-top: 3px solid var(--ink);
  box-shadow: 0 1px 0 var(--ink-09), 0 50px 80px -60px rgba(29,56,91,.45); }
[data-variant="C"] .li3-letter-mark { width: 52px; height: 52px; }
@media (min-width: 1024px) {
  [data-variant="C"] .li3-letter { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: clamp(2rem, 5vw, 4.5rem); align-items: end; }
  [data-variant="C"] .li3-letter-mark { grid-column: 1 / -1; }
  [data-variant="C"] .li3-letter .li3-letter-t { grid-column: 2; margin-top: 0; }
}
[data-variant="C"] .li3-letter-h { margin-top: 1.5rem; font-size: var(--s-4); font-style: italic; line-height: 1.04; letter-spacing: -.012em; max-width: 17ch; }
[data-variant="C"] .li3-letter-t { margin-top: 1.4rem; color: var(--ink-72); line-height: 1.8; max-width: 60ch; font-size: clamp(1.02rem, .98rem + .2vw, 1.12rem); }
[data-variant="C"] .li3-letter-t strong { color: var(--ink); }
[data-variant="C"] .li3-reasons { margin-top: clamp(4.5rem, 8vw, 7rem); }
[data-variant="C"] .li3-reasons-h { font-size: var(--s-3); line-height: 1.06; letter-spacing: -.01em; max-width: 20ch; }
[data-variant="C"] .li3-reasons-list { list-style: none; margin: clamp(2rem, 3.4vw, 2.8rem) 0 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="C"] .li3-reason { display: grid; grid-template-columns: 4rem minmax(0, 5fr) minmax(0, 7fr); gap: .8rem clamp(1.5rem, 4vw, 4rem); align-items: baseline;
  padding: clamp(1.5rem, 2.4vw, 2.1rem) 0; border-bottom: 1px solid var(--ink-16); }
[data-variant="C"] .li3-reason-n { font-family: var(--f-d); font-style: italic; font-size: 1.7rem; line-height: 1; color: var(--ink-40); }
[data-variant="C"] .li3-reason-h { font-size: clamp(1.4rem, 1.15rem + .8vw, 1.95rem); line-height: 1.14; }
[data-variant="C"] .li3-reason p { color: var(--ink-72); line-height: 1.75; }
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-intro { grid-template-columns: minmax(0, 1fr); row-gap: 1.6rem; }
  [data-variant="C"] .li3-reason { grid-template-columns: 3rem minmax(0, 1fr); }
  [data-variant="C"] .li3-reason p { grid-column: 2; }
}
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-letter { border-radius: 6px 6px var(--r-m) var(--r-m); }
  [data-variant="C"] .li3-reason { grid-template-columns: 2.2rem minmax(0, 1fr); }
}

/* ================================================================ 3. PROOF WALL: in their words (navy, a gapless bento) */
[data-variant="C"].li3-proof { background: var(--ink); color: var(--cod); padding-block: var(--sp-open); }
[data-variant="C"] .li3-proof-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 1.4rem 3rem; }
[data-variant="C"] .li3-proof-head .li-eyebrow { grid-column: 1 / -1; }
[data-variant="C"] .li3-proof-h { color: var(--cream); font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 12ch; margin-top: 0; }
[data-variant="C"] .li3-proof-meta { display: flex; flex-direction: column; align-items: flex-end; gap: .7rem; }
[data-variant="C"] .li3-proof-rating { display: inline-flex; align-items: center; gap: .65rem; color: var(--cod); font-weight: 500; border-bottom: 1px solid rgba(239,227,206,.3);
  padding-bottom: 2px; transition: border-color .3s var(--ease); }
[data-variant="C"] .li3-proof-rating:hover { border-color: var(--cod); }
[data-variant="C"] .li3-proof-pending { font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mist);
  border: 1px dashed rgba(239,227,206,.35); border-radius: var(--r-pill); padding: .3rem .75rem; }
[data-variant="C"] .li3-proof-grid { margin-top: clamp(2.4rem, 4vw, 3.5rem); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-flow: dense; gap: var(--cgap); }
[data-variant="C"] .li3-rev { position: relative; margin: 0; display: flex; flex-direction: column; gap: 1.1rem; padding: clamp(1.4rem, 2.4vw, 2.2rem);
  border-radius: var(--r-l); background: rgba(239,227,206,.045); border: 1px solid var(--line-dark); box-shadow: inset 0 1px 0 rgba(239,227,206,.07); }
[data-variant="C"] .li3-rev--1 { grid-column: span 7; grid-row: span 2; background: var(--teal); }
[data-variant="C"] .li3-rev--2 { grid-column: span 5; grid-row: span 2; }
[data-variant="C"] .li3-rev--3 { grid-column: span 5; }
[data-variant="C"] .li3-rev--4 { grid-column: span 3; }
[data-variant="C"] .li3-rev--5 { grid-column: span 4; }
[data-variant="C"] .li3-rev-q { margin: 0; flex: 1; }
[data-variant="C"] .li3-rev-q p { color: var(--cod); line-height: 1.7; }
[data-variant="C"] .li3-rev--1 .li3-rev-q p { font-family: var(--f-d); font-size: clamp(1.55rem, 1.15rem + 1.25vw, 2.35rem); line-height: 1.24; color: var(--cream); letter-spacing: -.006em; }
[data-variant="C"] .li3-rev--1::before { content: "\201C"; position: absolute; right: clamp(1.2rem, 2.4vw, 2.2rem); top: .4rem; font-family: var(--f-d); font-size: 7rem; line-height: 1;
  color: rgba(239,227,206,.14); pointer-events: none; }
[data-variant="C"] .li3-rev-who { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .9rem; padding-top: 1rem; border-top: 1px solid var(--line-dark); }
[data-variant="C"] .li3-rev-n { font-weight: 600; color: var(--cream); }
[data-variant="C"] .li3-rev-src { font-size: .78rem; color: var(--mist); border-bottom: 1px solid rgba(207,220,236,.3); transition: color .3s var(--ease), border-color .3s var(--ease); }
[data-variant="C"] .li3-rev-src:hover { color: var(--cream); border-color: var(--cream); }
[data-variant="C"] .li3-proof-note { margin-top: 1.6rem; font-size: .84rem; color: var(--mist); }
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-rev--1, [data-variant="C"] .li3-rev--2 { grid-column: span 12; grid-row: auto; }
  [data-variant="C"] .li3-rev--3 { grid-column: span 12; }
  [data-variant="C"] .li3-rev--4, [data-variant="C"] .li3-rev--5 { grid-column: span 6; }
}
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-proof-head { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-proof-meta { align-items: flex-start; }
  [data-variant="C"] .li3-proof-grid { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-rev--4, [data-variant="C"] .li3-rev--5 { grid-column: auto; }
  [data-variant="C"] .li3-rev--1, [data-variant="C"] .li3-rev--2, [data-variant="C"] .li3-rev--3 { grid-column: auto; }
}

/* ================================================================ 4. BOOKING RAIL: book the evaluation */
[data-variant="C"].li3-book { background: var(--cream-hi); padding-block: var(--sp-open); }
[data-variant="C"] .li3-book-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
[data-variant="C"] .li3-book-h { font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 11ch; }
[data-variant="C"] .li3-book-lead { margin-top: 1.5rem; color: var(--ink-72); line-height: 1.7; max-width: 40ch; }
[data-variant="C"] .li3-rail { position: relative; margin-top: 1.1rem; }
[data-variant="C"] .li3-rail-line { position: absolute; left: calc(1.25rem - .75px); top: 2.1rem; bottom: 2.1rem; width: 1.5px; background: var(--ink-40); transform-origin: 50% 0; }
[data-variant="C"] .li3-rail-list { list-style: none; margin: 0; padding: 0; }
[data-variant="C"] .li3-rail-stop { position: relative; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1.15rem; align-items: center; padding: .95rem 0; }
[data-variant="C"] .li3-rail-dot { position: relative; width: 2.5rem; height: 2.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--ink); color: var(--cod);
  font-weight: 700; font-size: .9rem; box-shadow: 0 0 0 7px var(--cream-hi); }
[data-variant="C"] .li3-rail-t { font-family: var(--f-d); font-size: clamp(1.4rem, 1.15rem + .75vw, 1.85rem); line-height: 1.18; }
[data-variant="C"] .li3-book-assure { list-style: none; margin: 1.6rem 0 0; padding: 1.4rem 0 0; border-top: 1px solid var(--ink-16); display: grid; gap: .8rem; }
[data-variant="C"] .li3-book-assure li { display: flex; gap: .75rem; align-items: flex-start; color: var(--ink-72); line-height: 1.55; }
[data-variant="C"] .li3-book-assure svg { flex: none; width: 1.3rem; height: 1.3rem; margin-top: .1rem; color: var(--teal); }
[data-variant="C"] .li3-book-proof { margin-top: 1.6rem; }
@media (min-width: 1024px) {
  [data-variant="C"] .li3-book-copy { position: sticky; top: calc(var(--li-head-clear) + 1.5rem); }
}
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-book-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ================================================================ 5. ENTITY ROUTING: the full menu */
[data-variant="C"].li3-menu { background: var(--cream); padding-block: var(--sp-open); }
[data-variant="C"] .li3-menu-head { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 2rem clamp(2.5rem, 6vw, 6rem); align-items: end; }
[data-variant="C"] .li3-menu-h { font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 13ch; }
[data-variant="C"] .li3-menu-aside > p { color: var(--ink-72); line-height: 1.75; }
[data-variant="C"] .li3-find { margin-top: 1.5rem; }
[data-variant="C"] .li3-find-l { display: block; margin-bottom: .55rem; font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-62); }
[data-variant="C"] .li3-find-row { display: flex; align-items: center; gap: .65rem; padding: .3rem .3rem .3rem 1.05rem; border-radius: var(--r-pill); background: var(--cream-hi);
  border: 1px solid var(--ink-16); box-shadow: inset 0 1px 0 #fff; transition: border-color .3s var(--ease), box-shadow .3s var(--ease); }
[data-variant="C"] .li3-find-row:focus-within { border-color: var(--ink); box-shadow: inset 0 1px 0 #fff, 0 0 0 3px rgba(207,220,236,.9); }
[data-variant="C"] .li3-find-ic { flex: none; width: 18px; height: 18px; color: var(--ink-58); }
[data-variant="C"] .li3-find-q { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 1rem; color: var(--ink); padding: .62rem 0;
  outline: none; -webkit-appearance: none; appearance: none; }
[data-variant="C"] .li3-find-q::placeholder { color: var(--ink-58); }
[data-variant="C"] .li3-find-q:focus-visible { box-shadow: none; }
[data-variant="C"] .li3-find-go { flex: none; padding: .66rem 1.2rem; border-radius: var(--r-pill); background: var(--ink); color: var(--cod); font-weight: 600; font-size: .86rem;
  transition: background-color .3s var(--ease), transform .3s var(--ease); }
[data-variant="C"] .li3-find-go:hover { background: var(--teal); }
[data-variant="C"] .li3-find-go:active { transform: scale(.98); }
[data-variant="C"] .li3-find-status { min-height: 1.45em; margin-top: .6rem; font-size: .86rem; color: var(--ink-72); }
[data-variant="C"] .li3-cats { margin-top: clamp(2.6rem, 4.6vw, 3.8rem); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-flow: dense; gap: var(--cgap); }
[data-variant="C"] .li3-cat { grid-column: span 6; padding: .5rem; border-radius: var(--r-xl); background: rgba(29,56,91,.045); border: 1px solid var(--ink-09);
  transition: opacity .45s var(--ease), border-color .45s var(--ease), background-color .45s var(--ease); }
[data-variant="C"] .li3-cat--wide { grid-column: span 7; }
[data-variant="C"] .li3-cat--narrow { grid-column: span 5; }
[data-variant="C"] .li3-cat.is-dim { opacity: .42; }
[data-variant="C"] .li3-cat.is-hit { border-color: var(--ink-40); background: rgba(207,220,236,.55); }
[data-variant="C"] .li3-cat-core { height: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(1.5rem, 2.6vw, 2.4rem);
  border-radius: calc(var(--r-xl) - .5rem); background: var(--cream-hi); box-shadow: inset 0 1px 0 #fff; }
[data-variant="C"] .li3-cat-h { font-size: clamp(1.75rem, 1.3rem + 1.35vw, 2.6rem); line-height: 1.04; letter-spacing: -.01em; max-width: 14ch; }
[data-variant="C"] .li3-cat-h a { transition: color .3s var(--ease); }
[data-variant="C"] .li3-cat-h a:hover { color: var(--teal); }
[data-variant="C"] .li3-cat-body { margin-top: 1rem; color: var(--ink-72); line-height: 1.72; }
/* the menu itself: service names as a printed list (not links: the homepage links the four categories, ARCHITECTURE section 8) */
[data-variant="C"] .li3-cat-menu { list-style: none; width: 100%; margin: 1.5rem 0 0; padding: 0; columns: 2; column-gap: 1.6rem; }
[data-variant="C"] .li3-cat-menu li { break-inside: avoid; padding: .55rem 0 .55rem 1rem; position: relative; border-bottom: 1px dotted var(--ink-40); font-size: .9rem; font-weight: 600;
  line-height: 1.35; color: var(--ink); transition: opacity .35s var(--ease), color .35s var(--ease); }
[data-variant="C"] .li3-cat-menu li::before { content: ""; position: absolute; left: 0; top: 1.05rem; width: 5px; height: 5px; border-radius: 50%; background: var(--ink-40);
  transition: background-color .35s var(--ease), transform .35s var(--eout); }
[data-variant="C"] .li3-cat-menu li.is-match { color: var(--ink); }
[data-variant="C"] .li3-cat-menu li.is-match::before { background: var(--ink); transform: scale(1.6); }
[data-variant="C"] .li3-cat-menu li.is-match { background: linear-gradient(180deg, transparent 18%, rgba(207,220,236,.95) 18%, rgba(207,220,236,.95) 86%, transparent 86%); }
[data-variant="C"] .li3-cat-menu li.is-dim { opacity: .4; }
[data-variant="C"] .li3-cat--narrow .li3-cat-menu { columns: 1; }
[data-variant="C"] .li3-cat-more { width: 100%; margin-top: 1.3rem; }
[data-variant="C"] .li3-cat-acc .li-acc-q { padding: 1rem .1rem; }
[data-variant="C"] .li3-cat-acc-h { font-family: var(--f-b); font-size: 1rem; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
[data-variant="C"] .li3-cat-acc .li-acc-ic { width: 34px; height: 34px; }
[data-variant="C"] .li3-cat-link { margin-top: auto; padding-top: 1.5rem; }
[data-variant="C"] .li3-elev { margin-top: clamp(4.5rem, 8vw, 7rem); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 2rem clamp(2.5rem, 5vw, 5rem); align-items: start; }
[data-variant="C"] .li3-elev-h { font-size: var(--s-3); line-height: 1.06; letter-spacing: -.01em; max-width: 13ch; }
[data-variant="C"] .li3-elev-head p { margin-top: 1.2rem; color: var(--ink-72); line-height: 1.75; }
[data-variant="C"] .li3-elev-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="C"] .li3-elev-row { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); gap: .55rem 1.2rem; padding: clamp(1.4rem, 2.4vw, 2rem) 0; border-bottom: 1px solid var(--ink-16); }
[data-variant="C"] .li3-elev-n { grid-row: span 3; font-family: var(--f-d); font-style: italic; font-size: 1.6rem; line-height: 1.1; color: var(--ink-40); }
[data-variant="C"] .li3-elev-t { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); line-height: 1.1; }
[data-variant="C"] .li3-elev-t a { transition: color .3s var(--ease); }
[data-variant="C"] .li3-elev-t a:hover { color: var(--teal); }
[data-variant="C"] .li3-elev-row p { color: var(--ink-72); line-height: 1.75; max-width: 64ch; }
[data-variant="C"] .li3-elev-link { justify-self: start; margin-top: .3rem; }
@media (min-width: 1024px) {
  [data-variant="C"] .li3-elev-head { position: sticky; top: calc(var(--li-head-clear) + 1.5rem); }
}
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-menu-head, [data-variant="C"] .li3-elev { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-cat--wide, [data-variant="C"] .li3-cat--narrow { grid-column: span 12; }
}
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-cat-menu { columns: 1; }
  [data-variant="C"] .li3-find-go { padding-inline: .95rem; }
  [data-variant="C"] .li3-elev-row { grid-template-columns: 2.4rem minmax(0, 1fr); }
}

/* ================================================================ 6. CONDITION ROUTER: the body map ([data-li3-map]; condition-anatomy-map, ported) */
[data-variant="C"].li3-map-sec { background: var(--cream-hi); padding-block: var(--sp-open); }
[data-variant="C"] .li3-cond-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(2.5rem, 6vw, 6rem); align-items: end; }
[data-variant="C"] .li3-cond-head .li-eyebrow { grid-column: 1 / -1; justify-self: start; }
[data-variant="C"] .li3-cond-h { font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 15ch; }
[data-variant="C"] .li3-cond-head > p:not(.li-eyebrow) { color: var(--ink-72); line-height: 1.75; max-width: 60ch; }
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-cond-head { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-cond-head > p:not(.li-eyebrow) { margin-top: 1.2rem; }
}
[data-variant="C"] .li3-map { margin-top: clamp(2.6rem, 5vw, 4rem); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
[data-variant="C"] .li3-map-stage { min-width: 0; }
[data-variant="C"] .li3-fig { position: relative; width: min(100%, 290px); margin-inline: auto; aspect-ratio: 200 / 460; }
[data-variant="C"] .li3-fig-art { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
[data-variant="C"] .li3-fig-body { fill: rgba(29,56,91,.035); stroke: var(--ink); stroke-width: 1.15; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke;
  transition: fill .5s var(--ease); }
[data-variant="C"] .li3-pin { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; display: grid; place-items: center; cursor: pointer;
  -webkit-tap-highlight-color: transparent; transition: opacity .45s var(--ease); }
[data-variant="C"] .li3-pin-ring { position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; border: 1.5px solid var(--ink); opacity: 0; pointer-events: none; }
[data-variant="C"] .li3-pin-core { position: relative; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--cream-hi);
  border: 1.5px solid var(--ink); color: var(--ink); font-size: .68rem; font-weight: 700; line-height: 1;
  transition: background-color .5s var(--ease), color .5s var(--ease), transform .5s var(--eout); }
[data-variant="C"] .li3-pin--head-0 { left: 50%; top: 3.26%; }
[data-variant="C"] .li3-pin--face-0 { left: 50%; top: 9.57%; }
[data-variant="C"] .li3-pin--skin-0 { left: 50%; top: 16.52%; }
[data-variant="C"] .li3-pin--skin-1 { left: 74%; top: 30.87%; }
[data-variant="C"] .li3-pin--joints-0 { left: 31.5%; top: 20.22%; }
[data-variant="C"] .li3-pin--joints-1 { left: 76.5%; top: 41.74%; }
[data-variant="C"] .li3-pin--back-0 { left: 50%; top: 40.43%; }
[data-variant="C"] .li3-pin--pelvic-0 { left: 50%; top: 51.3%; }
[data-variant="C"] .li3-pin--knees-0 { left: 39.5%; top: 72.17%; }
[data-variant="C"] .li3-pin--knees-1 { left: 60.5%; top: 72.17%; }
/* the two-way link, with no JS: a hovered or focused group lights its pins (the rest dim); a hovered pin lights its group */
[data-variant="C"] .li3-map:has(.li3-group:is(:hover, :focus-within)) .li3-pin,
[data-variant="C"] .li3-map.has-on .li3-pin { opacity: .3; }
[data-variant="C"] .li3-map:has(.li3-group[data-region="head"]:is(:hover, :focus-within)) .li3-pin[data-region="head"],
[data-variant="C"] .li3-map:has(.li3-group[data-region="face"]:is(:hover, :focus-within)) .li3-pin[data-region="face"],
[data-variant="C"] .li3-map:has(.li3-group[data-region="skin"]:is(:hover, :focus-within)) .li3-pin[data-region="skin"],
[data-variant="C"] .li3-map:has(.li3-group[data-region="joints"]:is(:hover, :focus-within)) .li3-pin[data-region="joints"],
[data-variant="C"] .li3-map:has(.li3-group[data-region="back"]:is(:hover, :focus-within)) .li3-pin[data-region="back"],
[data-variant="C"] .li3-map:has(.li3-group[data-region="pelvic"]:is(:hover, :focus-within)) .li3-pin[data-region="pelvic"],
[data-variant="C"] .li3-map:has(.li3-group[data-region="knees"]:is(:hover, :focus-within)) .li3-pin[data-region="knees"],
[data-variant="C"] .li3-map .li3-pin.is-on { opacity: 1; }
[data-variant="C"] .li3-map:has(.li3-group[data-region="head"]:is(:hover, :focus-within)) .li3-pin[data-region="head"] .li3-pin-core,
[data-variant="C"] .li3-map:has(.li3-group[data-region="face"]:is(:hover, :focus-within)) .li3-pin[data-region="face"] .li3-pin-core,
[data-variant="C"] .li3-map:has(.li3-group[data-region="skin"]:is(:hover, :focus-within)) .li3-pin[data-region="skin"] .li3-pin-core,
[data-variant="C"] .li3-map:has(.li3-group[data-region="joints"]:is(:hover, :focus-within)) .li3-pin[data-region="joints"] .li3-pin-core,
[data-variant="C"] .li3-map:has(.li3-group[data-region="back"]:is(:hover, :focus-within)) .li3-pin[data-region="back"] .li3-pin-core,
[data-variant="C"] .li3-map:has(.li3-group[data-region="pelvic"]:is(:hover, :focus-within)) .li3-pin[data-region="pelvic"] .li3-pin-core,
[data-variant="C"] .li3-map:has(.li3-group[data-region="knees"]:is(:hover, :focus-within)) .li3-pin[data-region="knees"] .li3-pin-core,
[data-variant="C"] .li3-map .li3-pin.is-on .li3-pin-core,
[data-variant="C"] .li3-pin:hover .li3-pin-core { background: var(--ink); color: var(--cream-hi); transform: scale(1.2); }
[data-variant="C"] .li3-map:has(.li3-group[data-region="whole"]:is(:hover, :focus-within)) .li3-fig-body,
[data-variant="C"] .li3-map.is-whole .li3-fig-body { fill: rgba(207,220,236,.75); }
[data-variant="C"] .li3-map:has(.li3-pin[data-region="head"]:hover) .li3-group[data-region="head"],
[data-variant="C"] .li3-map:has(.li3-pin[data-region="face"]:hover) .li3-group[data-region="face"],
[data-variant="C"] .li3-map:has(.li3-pin[data-region="skin"]:hover) .li3-group[data-region="skin"],
[data-variant="C"] .li3-map:has(.li3-pin[data-region="joints"]:hover) .li3-group[data-region="joints"],
[data-variant="C"] .li3-map:has(.li3-pin[data-region="back"]:hover) .li3-group[data-region="back"],
[data-variant="C"] .li3-map:has(.li3-pin[data-region="pelvic"]:hover) .li3-group[data-region="pelvic"],
[data-variant="C"] .li3-map:has(.li3-pin[data-region="knees"]:hover) .li3-group[data-region="knees"],
[data-variant="C"] .li3-map .li3-group.is-on { background: rgba(207,220,236,.55); }
[data-variant="C"] .li3-groups { columns: 2; column-gap: clamp(1.6rem, 3vw, 2.6rem); }
[data-variant="C"] .li3-group { break-inside: avoid; padding: 1.2rem 1.2rem 1.3rem; margin: 0 0 .6rem; border-radius: var(--r-l); transition: background-color .5s var(--ease); }
[data-variant="C"] .li3-group-k { display: flex; align-items: center; gap: .7rem; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-72); }
[data-variant="C"] .li3-group-n { flex: none; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 1.5px solid var(--ink); display: grid; place-items: center;
  font-size: .66rem; letter-spacing: 0; color: var(--ink); }
[data-variant="C"] .li3-group-h { margin-top: .85rem; font-size: clamp(1.6rem, 1.3rem + .9vw, 2.1rem); line-height: 1.06; }
[data-variant="C"] .li3-group-h a { transition: color .3s var(--ease); }
[data-variant="C"] .li3-group-h a:hover { color: var(--teal); }
[data-variant="C"] .li3-group-t { margin-top: .6rem; color: var(--ink-72); line-height: 1.7; font-size: .97rem; }
[data-variant="C"] .li3-group-list { list-style: none; margin: .55rem 0 0; padding: 0; }
[data-variant="C"] .li3-group-list a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .62rem 0; border-bottom: 1px solid var(--ink-16);
  font-family: var(--f-d); font-size: clamp(1.28rem, 1.1rem + .5vw, 1.55rem); line-height: 1.15; color: var(--ink); transition: color .3s var(--ease); }
[data-variant="C"] .li3-group-list a svg { flex: none; width: 18px; height: 18px; color: var(--ink-40); transition: transform .4s var(--eout), color .3s var(--ease); }
[data-variant="C"] .li3-group-list a:hover { color: var(--teal); }
[data-variant="C"] .li3-group-list a:hover svg { transform: translate(3px, -3px); color: var(--ink); }
[data-variant="C"] .li3-cond-all { margin-top: clamp(2rem, 3.6vw, 3rem); }
@media (min-width: 1024px) {
  [data-variant="C"] .li3-map-stage { position: sticky; top: calc(var(--li-head-clear) + 1rem); }
}
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-map { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-fig { width: min(46vw, 220px); }
}
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-fig { width: 196px; }
  [data-variant="C"] .li3-pin { width: 36px; height: 36px; margin: -18px 0 0 -18px; }
  [data-variant="C"] .li3-pin-core { width: 21px; height: 21px; font-size: .62rem; }
  [data-variant="C"] .li3-pin-ring { width: 22px; height: 22px; margin: -11px 0 0 -11px; }
  [data-variant="C"] .li3-groups { columns: 1; }
  [data-variant="C"] .li3-group { padding: 1rem .9rem 1.1rem; margin-inline: -.9rem; scroll-margin-top: calc(var(--li-head-clear) + 1rem); }
}

/* ================================================================ 7. PROVIDERS: who you'll see */
[data-variant="C"].li3-doc { background: var(--cream); padding-block: var(--sp-open); }
[data-variant="C"] .li3-doc-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="C"] .li3-doc-h { font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 12ch; }
[data-variant="C"] .li3-doc-id { margin: 1.8rem 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem 1.1rem; }
[data-variant="C"] .li3-doc-id dd { margin: 0; }
[data-variant="C"] .li3-doc-name { font-family: var(--f-d); font-style: italic; font-size: 1.7rem; line-height: 1.1; }
[data-variant="C"] .li3-doc-role { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-62); }
[data-variant="C"] .li3-doc-line { margin-top: 1.2rem; color: var(--ink-72); line-height: 1.8; max-width: 58ch; }
[data-variant="C"] .li3-doc-copy .li-btn { margin-top: 2rem; }
[data-variant="C"] .li3-doc-media { margin: 0; padding: .55rem; border-radius: 999px 999px var(--r-xl) var(--r-xl); background: rgba(29,56,91,.05); border: 1px solid var(--ink-09);
  box-shadow: 0 50px 80px -60px rgba(29,56,91,.5); }
[data-variant="C"] .li3-arch { position: relative; overflow: hidden; aspect-ratio: 4 / 5; border-radius: 999px 999px calc(var(--r-xl) - .55rem) calc(var(--r-xl) - .55rem);
  background: var(--sand); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); }
[data-variant="C"] .li3-doc-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; }
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-doc-grid { grid-template-columns: minmax(0, 1fr); }
  [data-variant="C"] .li3-doc-media { order: -1; width: min(100%, 26rem); }
}
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-doc-media { width: min(100%, 20rem); margin-inline: auto; }
}

/* ================================================================ 8. INSURANCE STRIP: paying for care, on a ruled sheet */
[data-variant="C"].li3-pay { background: var(--cream-hi); padding-block: var(--sp-open); }
[data-variant="C"] .li3-pay-sheet { padding: clamp(2rem, 4vw, 3.4rem); border-radius: var(--r-l); border: 1px solid var(--ink-16);
  background-image: repeating-linear-gradient(180deg, transparent 0, transparent calc(2.4rem - 1px), rgba(29,56,91,.05) calc(2.4rem - 1px), rgba(29,56,91,.05) 2.4rem); }
[data-variant="C"] .li3-pay-sheet .li-pay-ic { border-color: var(--ink-16); color: var(--teal); }

/* ================================================================ 9. GALLERY: inside the clinic (gallery-walkthrough-strip, ported) */
[data-variant="C"].li3-gal { background: var(--cream); padding-block: var(--sp-open); overflow-x: clip; }
[data-variant="C"] .li3-gal-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; }
[data-variant="C"] .li3-gal-h { font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 14ch; }
[data-variant="C"] .li3-gal-nav { display: flex; gap: .6rem; flex: none; }
[data-variant="C"] .li3-gal-btn { width: 3.25rem; height: 3.25rem; border-radius: 50%; border: 1px solid var(--ink-16); background: var(--cream-hi); color: var(--ink); display: grid;
  place-items: center; transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), opacity .3s var(--ease), transform .3s var(--ease); }
[data-variant="C"] .li3-gal-btn svg { width: 20px; height: 20px; }
[data-variant="C"] .li3-gal-btn:hover { background: var(--ink); color: var(--cod); border-color: var(--ink); }
[data-variant="C"] .li3-gal-btn:active { transform: scale(.96); }
[data-variant="C"] .li3-gal-btn[aria-disabled="true"] { opacity: .35; pointer-events: none; }
[data-variant="C"] .li3-walk { --li3-edge: max(var(--gut), calc((100% - var(--maxw)) / 2 + var(--gut)));
  margin-top: clamp(2rem, 3.4vw, 3rem); display: flex; gap: clamp(.8rem, 1.4vw, 1.25rem); overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-padding-inline: var(--li3-edge); padding: .3rem var(--li3-edge) 1rem; scrollbar-width: none; }
[data-variant="C"] .li3-walk::-webkit-scrollbar { display: none; }
[data-variant="C"] .li3-walk:focus-visible { box-shadow: inset 0 0 0 3px rgba(46,90,143,.6); border-radius: 0; }
[data-variant="C"] .li3-stop { flex: none; margin: 0; width: clamp(15rem, 27vw, 24rem); scroll-snap-align: start; }
[data-variant="C"] .li3-stop--wide { width: clamp(17.5rem, 42vw, 37rem); }
[data-variant="C"] .li3-stop-media { position: relative; overflow: hidden; height: clamp(15rem, 29vw, 27rem); border-radius: var(--r-l); background: var(--sand); }
[data-variant="C"] .li3-stop-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--eout); }
[data-variant="C"] .li3-stop:hover .li3-stop-img { transform: scale(1.04); }
[data-variant="C"] .li3-stop-cap { display: flex; gap: .85rem; align-items: baseline; margin-top: .9rem; max-width: 40ch; font-size: .9rem; line-height: 1.45; color: var(--ink-72); }
[data-variant="C"] .li3-stop-n { flex: none; font-family: var(--f-d); font-style: italic; font-size: 1.45rem; line-height: 1; color: var(--ink); }
[data-variant="C"] .li3-gal-rail { margin-top: 1.2rem; height: 2px; border-radius: 2px; background: var(--ink-09); overflow: hidden; }
[data-variant="C"] .li3-gal-fill { display: block; height: 100%; background: var(--ink); transform-origin: 0 50%; transform: scaleX(.25); }
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-gal-head { align-items: flex-start; flex-direction: column; gap: 1.2rem; }
  [data-variant="C"] .li3-stop { width: 72vw; }
  [data-variant="C"] .li3-stop--wide { width: 84vw; }
  [data-variant="C"] .li3-stop-media { height: 14rem; }
}

/* ================================================================ 10. LOCATIONS: visit (navy) */
[data-variant="C"].li3-loc { background: var(--ink); color: var(--cod); padding-block: var(--sp-open); }
[data-variant="C"] .li3-loc-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="C"] .li3-loc-h { color: var(--cream); font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 12ch; }
[data-variant="C"] .li3-loc-body { margin-top: 1.3rem; color: var(--mist); line-height: 1.75; font-size: clamp(1.02rem, .98rem + .25vw, 1.15rem); max-width: 46ch; }
[data-variant="C"] .li3-loc-notes { list-style: none; margin: 1.6rem 0 0; padding: 0; border-top: 1px solid var(--line-dark); }
[data-variant="C"] .li3-loc-notes li { position: relative; padding: .9rem 0 .9rem 1.5rem; border-bottom: 1px solid var(--line-dark); color: var(--cod); line-height: 1.6; }
[data-variant="C"] .li3-loc-notes li::before { content: ""; position: absolute; left: 0; top: 1.5rem; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); }
[data-variant="C"] .li3-loc-disc { margin-top: 1rem; font-size: .84rem; color: var(--mist); }
[data-variant="C"] .li3-loc-copy .li-link { margin-top: 1.5rem; }
[data-variant="C"] .li3-route { position: relative; margin: 0; aspect-ratio: 560 / 420; border-radius: var(--r-xl); background: var(--teal); border: 1px solid var(--line-dark);
  overflow: hidden; box-shadow: inset 0 1px 0 rgba(239,227,206,.08); }
[data-variant="C"] .li3-route-art { position: absolute; inset: 0; width: 100%; height: 100%; }
[data-variant="C"] .li3-route-grid { fill: none; stroke: rgba(207,220,236,.08); stroke-width: 1; }
[data-variant="C"] .li3-route-rail { fill: none; stroke: rgba(239,227,206,.3); stroke-width: 3; stroke-dasharray: 2 10; stroke-linecap: round; }
[data-variant="C"] .li3-route-way { fill: none; stroke: var(--cod); stroke-width: 3.5; stroke-linecap: round; }
[data-variant="C"] .li3-route-node { fill: var(--teal); stroke: var(--cod); stroke-width: 3.5; }
[data-variant="C"] .li3-route-node--end { fill: var(--cream-hi); stroke: var(--mint); stroke-width: 5; }
[data-variant="C"] .li3-route-tag { position: absolute; display: inline-flex; align-items: center; gap: .55rem; padding: .42rem .9rem .42rem .5rem; border-radius: var(--r-pill);
  background: rgba(20,36,58,.82); border: 1px solid var(--line-dark); color: var(--cream); font-size: .82rem; font-weight: 600; white-space: nowrap; }
[data-variant="C"] .li3-route-tag svg, [data-variant="C"] .li3-route-tag img { flex: none; width: 22px; height: 22px; }
[data-variant="C"] .li3-route-tag svg { color: var(--mint); }
[data-variant="C"] .li3-route-tag--a { left: 6%; top: 77%; }
[data-variant="C"] .li3-route-tag--b { right: 5%; top: 9%; }
[data-variant="C"] .li3-route-dist { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%) rotate(-25deg); font-family: var(--f-d); font-style: italic;
  font-size: clamp(1rem, .9rem + .4vw, 1.25rem); color: var(--cream); white-space: nowrap; }
[data-variant="C"] .li3-route-cap { position: absolute; right: 1rem; bottom: .85rem; font-size: .7rem; color: rgba(239,227,206,.62); }
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-loc-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-route-tag { font-size: .72rem; padding: .32rem .7rem .32rem .4rem; }
  [data-variant="C"] .li3-route-tag svg, [data-variant="C"] .li3-route-tag img { width: 18px; height: 18px; }
  [data-variant="C"] .li3-route-tag--a { top: 80%; left: 4%; }
  [data-variant="C"] .li3-route-cap { right: .8rem; bottom: .6rem; font-size: .62rem; }
}

/* ================================================================ 11. FAQ: before you come in */
[data-variant="C"].li3-faq { background: var(--cream); padding-block: var(--sp-open); }
[data-variant="C"] .li3-faq-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
[data-variant="C"] .li3-faq-h { font-size: var(--s-4); line-height: 1.04; letter-spacing: -.012em; max-width: 10ch; }
/* a single-layer card with the outer bezel drawn as a ring (shadow spread), so the button-in-button CTA keeps its own depth */
[data-variant="C"] .li3-faq-card { margin-top: 2rem; display: grid; gap: 1rem; justify-items: start; padding: 1.5rem 1.4rem; border-radius: var(--r-l);
  background: var(--cream-hi); border: 1px solid var(--ink-09); box-shadow: 0 0 0 .45rem rgba(29,56,91,.04), inset 0 1px 0 #fff; }
[data-variant="C"] .li3-faq-card-t { font-family: var(--f-d); font-size: 1.4rem; line-height: 1.22; }
[data-variant="C"] .li3-faq-tel { display: inline-flex; align-items: center; gap: .55rem; font-weight: 600; color: var(--ink); border-bottom: 1px solid var(--ink-16); padding-bottom: 2px;
  transition: border-color .3s var(--ease); }
[data-variant="C"] .li3-faq-tel:hover { border-color: var(--ink); }
[data-variant="C"] .li3-faq-tel svg { width: 16px; height: 16px; color: var(--teal); }
[data-variant="C"] .li3-faq-list .li-faq { max-width: none; margin: 0; }
@media (min-width: 1024px) {
  [data-variant="C"] .li3-faq-side { position: sticky; top: calc(var(--li-head-clear) + 1.5rem); }
}
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-faq-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  [data-variant="C"] .li3-faq-card .li-btn { width: 100%; justify-content: space-between; }
}

/* ================================================================ 12. CTA BAND: the shared closing band + the consult recap ([data-li3-recap]) */
[data-variant="C"].li3-cta { background: var(--cream-hi); padding-block: var(--sp-open); }
[data-variant="C"] .li3-cta-stage { position: relative; }
[data-variant="C"] .li3-recap { position: absolute; right: clamp(1rem, 2.4vw, 2.2rem); bottom: clamp(1rem, 2.4vw, 2.2rem); z-index: 3; width: min(25rem, 41%);
  padding: .5rem; border-radius: var(--r-l); background: rgba(252,250,244,.62); border: 1px solid rgba(255,255,255,.6); box-shadow: 0 40px 70px -36px rgba(20,32,52,.7); }
[data-variant="C"] .li3-recap-core { padding: 1.35rem 1.45rem 1.2rem; border-radius: calc(var(--r-l) - .5rem); background: var(--cream-hi); box-shadow: inset 0 1px 0 #fff; }
[data-variant="C"] .li3-recap-h { font-size: 1.85rem; line-height: 1.04; }
[data-variant="C"] .li3-recap-dl { margin: .95rem 0 0; display: grid; gap: .7rem; }
[data-variant="C"] .li3-recap-dl > div { display: grid; gap: .2rem; padding-bottom: .7rem; border-bottom: 1px solid var(--ink-16); }
[data-variant="C"] .li3-recap-dl dt { font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-62); }
[data-variant="C"] .li3-recap-dl dd { margin: 0; font-size: .95rem; font-weight: 600; line-height: 1.4; color: var(--ink); }
[data-variant="C"] .li3-recap-dl [data-li3-recap-goal] { font-family: var(--f-d); font-weight: 400; font-size: 1.45rem; line-height: 1.1; }
[data-variant="C"] .li3-recap-path { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .1rem .35rem; font-size: .86rem; font-weight: 500; }
[data-variant="C"] .li3-recap-path li:not(:last-child)::after { content: ","; color: var(--ink-58); }
[data-variant="C"] .li3-recap-note { margin-top: .85rem; font-family: var(--f-d); font-style: italic; font-size: 1.08rem; line-height: 1.3; color: var(--ink); }
[data-variant="C"] .li3-recap-change { display: inline-flex; align-items: center; gap: .45rem; margin-top: .75rem; font-size: .72rem; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--ink-72); transition: color .3s var(--ease); }
[data-variant="C"] .li3-recap-change svg { width: 15px; height: 15px; transition: transform .45s var(--eout); }
[data-variant="C"] .li3-recap-change:hover { color: var(--ink); }
[data-variant="C"] .li3-recap-change:hover svg { transform: rotate(-40deg); }
@media (max-width: 1023.98px) {
  [data-variant="C"] .li3-recap { position: relative; right: auto; bottom: auto; width: auto; max-width: 34rem; margin: 1rem 0 0 auto; }
}
@media (max-width: 767.98px) {
  /* 390: the recap slip tucks under the band's navy panel */
  [data-variant="C"] .li3-recap { z-index: 3; margin: -1.6rem .7rem 0; max-width: none; }
  [data-variant="C"] .li3-recap-core { padding: 1.2rem 1.15rem 1.1rem; }
}