/* fonts.css */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/manrope-var.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/newsreader-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/newsreader-var.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{font-family:'Source Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sourceserif-400.woff2) format('woff2')}
@font-face{font-family:'Source Serif';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sourceserif-600.woff2) format('woff2')}
/* site.css */
/* Reference layout, type, spacing and components. Pearl logo palette. */




:root {
  
  
  --cream:        #ffffff;
  --cream-warm:   #ffffff;
  --parchment:    #ffffff;
  --ivory:        #ffffff;
  --paper:        #ffffff;
  --canvas-deep:  #ffffff;
  --blush:        #ffffff;
  --sage-tile:    #ffffff;

  
  --ink:          #13243b;
  --ink-soft:     #13243b;
  --ink-body:     #13243b;
  --ink-mute:     #13243b;
  --ink-faint:    #13243b;

  
  --teal:         #c5a467;
  --teal-2:       #c5a467;
  --teal-soft:    #c5a467;
  --clay:         #c5a467;
  --clay-deep:    #89652e;
  --clay-soft:    #ead7b3;
  --orange-pop:   #c5a467;
  --amber:        #c5a467;
  --champagne:    #ffffff;
  --sage:         #c5a467;
  
  --green-ink:    #89652e;

  
  --line:         #ffffff;
  --line-soft:    #ffffff;
  --line-deep:    #ffffff;

  
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  
  --sh-1: 0 1px 2px rgba(19,36,59,0.06), 0 6px 18px rgba(19,36,59,0.06);
  --sh-2: 0 2px 6px rgba(19,36,59,0.07), 0 18px 44px rgba(19,36,59,0.10);
  --sh-3: 0 14px 40px rgba(19,36,59,0.10), 0 30px 80px rgba(19,36,59,0.10);
  --sh-4: 0 30px 80px rgba(19,36,59,0.16);

  
  --font-display: "Newsreader", Georgia, serif;
  --font-body:    "Manrope", system-ui, sans-serif;

  
  --t-display-1: clamp(48px, 6.7vw, 94px);
  --t-display-2: clamp(43px, 6vw, 82px);
  --t-display-3: clamp(34px, 4.5vw, 64px);
  --t-h2:        clamp(31px, 3.8vw, 54px);
  --t-h3:        clamp(22px, 2.4vw, 32px);
  --t-h4:        clamp(18px, 1.8vw, 24px);
  --t-body-lg:   clamp(17px, 1.2vw, 19px);
  --t-body:      16px;
  --t-small:     14px;
  --t-eyebrow:   12px;

  
  --gutter: clamp(20px, 4vw, 40px);
  --max-w: 1320px;
  --max-w-narrow: 980px;
  --nav-h: 76px;

  
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
}


*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; scroll-padding-top: calc(var(--nav-h) + 12px); }
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--t-body);
  line-height: 1.55;
  color: var(--ink);
  background: var(--cream-warm);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "cv11";
  overflow-x: clip;
  min-height: 100dvh;
  max-width: 100vw;
}
img, picture, video, svg { max-width: 100%; display: block; }

img { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: none; border: 0; padding: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; transition: color .2s var(--ease-out); }
@media (hover: hover) { a:hover { color: var(--green-ink); } }
ul, ol { margin: 0; padding: 0; list-style: none; }
:focus-visible { outline: 2px solid var(--green-ink); outline-offset: 3px; border-radius: 2px; }
[hidden] { display: none !important; }


.skip-link {
  position: fixed;
  top: 8px;
  left: -9999px;
  z-index: 200;
  background: var(--ink);
  color: #ffffff;
  padding: 10px 18px;
  border-radius: var(--r-pill);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.skip-link:focus { left: 8px; outline: 2px solid #ffffff; outline-offset: 2px; }


.eyebrow {
  font-family: var(--font-body);
  font-size: var(--t-eyebrow);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-mute);
  font-weight: 500;
}
.display-1 {
  font-family: var(--font-display);
  font-size: var(--t-display-1);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0;
}
.display-2 {
  font-family: var(--font-display);
  font-size: var(--t-display-2);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.018em;
  margin: 0;
}
.display-3 {
  font-family: var(--font-display);
  font-size: var(--t-display-3);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -0.014em;
  margin: 0;
}
.h2, h2 {
  font-family: var(--font-display);
  font-size: var(--t-h2);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.012em;
  margin: 0 0 var(--s-4);
}
.h3, h3 {
  font-family: var(--font-display);
  font-size: var(--t-h3);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.008em;
  margin: 0 0 var(--s-3);
}
.h4, h4 {
  font-family: var(--font-body);
  font-size: var(--t-h4);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.004em;
  margin: 0 0 var(--s-3);
}
.lede {
  font-size: var(--t-body-lg);
  line-height: 1.5;
  color: var(--ink-soft);
  max-width: 56ch;
}
p { margin: 0 0 var(--s-3); color: var(--ink-body); }
em.serif { font-family: var(--font-display); font-style: italic; font-weight: 500; color: var(--green-ink); }


.wrap {
  width: 100%;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--gutter);
  min-width: 0;
}
.wrap-narrow {
  width: 100%;
  max-width: var(--max-w-narrow);
  margin: 0 auto;
  padding: 0 var(--gutter);
  min-width: 0;
}
.section {
  padding: clamp(56px, 9vw, 130px) 0;
}
@media (max-width: 760px) {
  
  .section { padding: 80px 0; }
}
.section--tight { padding: clamp(40px, 6vw, 88px) 0; }
@media (max-width: 760px) {
  .section--tight { padding: 56px 0; }
}
.section--cream { background: var(--cream); }
.section--parchment { background: var(--parchment); }
.section--ivory { background: var(--ivory); }
.section--paper { background: var(--paper); }
.section--ink {
  background: #c5a467;
  color: var(--ivory);
}
.section--ink p { color: rgba(255,255,255,0.72); }
.section--ink .eyebrow { color: rgba(255,255,255,0.6); }
.section--teal {
  background: var(--teal);
  color: var(--ivory);
}
.section--teal h2, .section--teal h3 { color: var(--ivory); }
.section--teal p { color: rgba(255,255,255,0.78); }
.section--teal .eyebrow, .section--teal .kicker { color: rgba(255,255,255,0.65); }
.section--teal .kicker::before { background: rgba(255,255,255,0.5); }

.section--dark { background: #13243b; color: rgba(255,255,255,0.80); }
.section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4 { color: #ffffff; }
.section--dark p { color: rgba(255,255,255,0.72); }
.section--dark .eyebrow, .section--dark .kicker { color: var(--teal); }
.section--dark .kicker::before, .section--dark .kicker::after, .section--dark .eyebrow::before { background: var(--teal); }
.section--dark .serif { color: var(--teal); }
.section--dark .tcar__card h3 { color: #ffffff; }
.section--dark .tcar__card span:not(.tcar__mono) { color: rgba(255,255,255,0.62); }
.section--dark .teamrail__creds { border-top-color: rgba(255,255,255,0.16); }
.section--dark .teamrail__creds li { color: rgba(255,255,255,0.66); }
.section--canvas-deep { background: var(--canvas-deep); }

.divider { height: 1px; background: var(--line-soft); width: 100%; }


.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 52px;
  padding: 0 26px;
  border-radius: var(--r-pill);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.005em;
  border: 1px solid transparent;
  transition: transform .25s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .25s var(--ease-out);
  cursor: pointer;
  white-space: nowrap;
}
.btn:hover { transform: translateY(-1px); }
.btn--primary {
  background: var(--ink);
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(19,36,59,0.22);
}
.btn--primary:hover { background: #13243b; color: #ffffff; box-shadow: 0 10px 26px rgba(19,36,59,0.32); }

.consult-cta .btn--primary { background: #ffffff; color: var(--ink); box-shadow: 0 8px 24px rgba(19,36,59,0.26); }
.consult-cta .btn--primary:hover { background: rgba(255,255,255,0.90); color: var(--ink); }
.btn--teal { background: var(--teal); color: var(--ink); }
.btn--teal:hover { background: var(--teal-2); color: var(--ink); }
.btn--ink {
  background: #c5a467;
  color: var(--ink);
}
.btn--ink:hover { background: #89652e; color: var(--ink); }
.btn--ghost {
  background: transparent;
  color: var(--ink);
  border-color: var(--line-deep);
}
.btn--ghost:hover { background: var(--ivory); border-color: var(--ink); color: var(--ink); }
.btn--ghost-light {
  background: transparent;
  color: var(--ivory);
  border-color: rgba(255,255,255,0.4);
}
.btn--ghost-light:hover { background: rgba(255,255,255,0.08); color: var(--ivory); border-color: var(--ivory); }
.btn--sm { height: 44px; padding: 0 18px; font-size: 14px; }
.btn--lg { height: 60px; padding: 0 34px; font-size: 16px; }
.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3);
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink);
  font-weight: 500;
  border-bottom: 1px solid currentColor;
  padding: 10px 0 9px;
  min-height: 40px;
}
.text-link::after { content: "→"; transition: transform .2s var(--ease-out); }
.text-link:hover::after { transform: translateX(3px); }


.tel-inline {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.tel-inline:hover { color: var(--green-ink); }
@media (max-width: 760px) {
  .text-link { min-height: 40px; padding: 10px 0 9px; }
}


.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  
  background: rgba(19,36,59,0.97);
  
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: background-color .2s var(--ease-out), border-color .2s var(--ease-out);
}
.site-header[data-scrolled="true"] {
  background: rgba(19,36,59,1);
  border-bottom-color: rgba(255,255,255,0.12);
}

.site-header .nav__link {
  color: rgba(255,255,255,0.88);
}
.site-header .nav__link:hover {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.site-header .nav__link[data-active="true"] {
  color: #ffffff;
}
.site-header .nav__cta-desktop {
  background: #ffffff;
  color: var(--ink);
  border-color: #ffffff;
}
.site-header .nav__cta-desktop:hover {
  background: rgba(255,255,255,0.88);
  color: var(--ink);
}
.site-header .nav__burger {
  background: transparent;
  border-color: rgba(255,255,255,0.4);
}
.site-header .nav__burger:hover {
  background: rgba(255,255,255,0.12);
}
.site-header .nav__burger span,
.site-header .nav__burger span::before,
.site-header .nav__burger span::after {
  background: #ffffff;
}

.site-header .nav__logo .logo-img {
  filter: brightness(0) invert(1);
  opacity: 0.96;
}
.nav {
  height: var(--nav-h);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--s-5);
  padding: 0 4px;
}
@media (max-width: 1000px) {
  
  .nav { padding: 0; gap: var(--s-3); grid-template-columns: 1fr auto; }
  
  .site-header .wrap { padding-right: 10px; }
}
.nav__logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 20px;
  letter-spacing: 0.005em;
  color: var(--ink);
  
  justify-self: start;
  min-height: 44px;
}
.nav__logo svg { height: 28px; width: 28px; }
.nav__logo-text { font-weight: 400; font-style: italic; }
.nav__logo-text strong { font-style: normal; font-weight: 400; }
.nav__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-5);
}
.nav__link {
  position: relative;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink-soft);
  padding: 8px 4px;
  letter-spacing: 0.005em;
}
.nav__link:hover { color: var(--ink); }


.nav__group { position: relative; display: inline-flex; align-items: center; }
.nav__link--parent { display: inline-flex; align-items: center; gap: 3px; }
.nav__caret { transition: transform 0.22s var(--ease-out); flex: none; }
.nav__group:hover .nav__caret,
.nav__group:focus-within .nav__caret { transform: rotate(-180deg); }
.nav__dropdown {
  position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 188px; padding: 8px;
  background: var(--ivory); border: 1px solid var(--line);
  border-radius: var(--r-md); box-shadow: 0 16px 44px rgba(19,36,59,0.16);
  display: flex; flex-direction: column; gap: 2px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 0.2s var(--ease-out), transform 0.2s var(--ease-out);
  z-index: 60;
}

.nav__dropdown::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.nav__group:hover .nav__dropdown,
.nav__group:focus-within .nav__dropdown {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.nav__dropdown-link {
  padding: 9px 14px; border-radius: var(--r-sm);
  font-size: 15px; line-height: 1.2; color: var(--ink); white-space: nowrap;
  transition: background 0.15s var(--ease-out), color 0.15s var(--ease-out);
}
.nav__dropdown-link:hover,
.nav__dropdown-link[data-active="true"] { background: var(--parchment); color: var(--green-ink); }


.mnav__sub { list-style: none; margin: 6px 0 2px; padding: 0 0 0 18px; display: flex; flex-direction: column; border-left: 1px solid var(--line-soft); }
.mnav__sub li a { font-size: 20px; opacity: 0.92; padding: 11px 0; display: block; }
.mnav__sub li a:hover { opacity: 1; }
.nav__link[data-active="true"] { color: var(--ink); }
.nav__link[data-active="true"]::after {
  content: "";
  position: absolute;
  left: 4px; right: 4px;
  bottom: -2px;
  height: 2px;
  background: var(--ink);
}
.nav__actions { display: flex; align-items: center; gap: var(--s-3); padding-right: 2px; }
@media (max-width: 1000px) {
  .nav__actions { gap: var(--s-4); padding-right: 0; }
  
  .nav__cta-desktop { display: none; }
}
.nav__phone {
  font-size: 13.5px;
  color: var(--ink-mute);
  letter-spacing: 0.01em;
}
.nav__burger {
  display: none;
  width: 44px; height: 44px;
  align-items: center; justify-content: center;
  border: 1px solid var(--line-deep);
  border-radius: var(--r-pill);
  background: var(--ivory);
}
.nav__burger span {
  width: 18px; height: 1.5px; background: var(--ink); position: relative;
}
.nav__burger span::before,
.nav__burger span::after {
  content: ""; position: absolute; left: 0; width: 18px; height: 1.5px; background: var(--ink);
}
.nav__burger span::before { top: -6px; }
.nav__burger span::after { top: 6px; }

@media (max-width: 1000px) {
  
  :root { --nav-h: 50px; }
  .nav__menu, .nav__phone { display: none; }
  .nav__burger { display: inline-flex; }
}


.mnav {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100dvh;
  background: var(--cream);
  z-index: 60;
  flex-direction: column;
  padding: 80px var(--gutter) 32px;
  overflow-y: auto;
  animation: mnavIn .3s var(--ease-soft);
}
.mnav[data-open="true"] {
  display: flex;
}
@keyframes mnavIn {
  from { transform: translateY(-12px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@supports not (height: 100dvh) {
  .mnav { height: 100vh; }
}
.mnav__close {
  position: absolute; top: 20px; right: 20px;
  width: 44px; height: 44px;
  border: 1px solid var(--line-deep);
  border-radius: var(--r-pill);
  background: var(--ivory);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 22px;
}
.mnav__list { display: flex; flex-direction: column; gap: var(--s-3); margin-top: 12px; }
.mnav__list a {
  display: block;
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 400;
  color: var(--ink);
  padding: 14px 0;
  border-bottom: 1px solid var(--line-soft);
  line-height: 1.1;
}
.mnav__cta { margin-top: auto; padding-top: var(--s-6); display: flex; flex-direction: column; gap: var(--s-3); }
.mnav__cta .btn { width: 100%; }
.mnav__meta { display: flex; flex-direction: column; gap: 4px; margin-top: var(--s-4); color: var(--ink-mute); font-size: 13px; }
.mnav__cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3); }
.mnav__cta-row .btn { width: 100%; padding-inline: 10px; font-size: 14.5px; white-space: normal; text-align: center; }
.mnav__call {
  margin-top: var(--s-2);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
}


.hero__quiz-link {
  display: inline-flex; align-items: center; gap: 6px;
  align-self: center;
  margin: 2px auto 0;
  color: rgba(255,255,255,0.86);
  font-size: 14px; font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,0.35);
  padding: 6px 0; min-height: 36px;
}
.hero__quiz-link:hover { color: #ffffff; border-color: #ffffff; }
@media (max-width: 760px) { .hero__quiz-link { display: none; } }



.quiz-sec { background: #13243b; }
#quiz .quiz__head .kicker, #quiz .quiz__head .kicker::before { color: var(--teal); }
#quiz .quiz__head .kicker::after { background: var(--teal); }
#quiz .quiz__sub { color: rgba(255,255,255,0.75); }
#quiz .quiz__h { color: #ffffff; }
#quiz .quiz__h .serif { color: var(--teal); }


.why .eyebrow, .first-visit__head .eyebrow, .consult-cta .eyebrow { justify-content: center; }
.why__lede { font-size: clamp(16px, 1.5vw, 18.5px); line-height: 1.7; color: var(--ink-soft); margin: 18px auto 0; max-width: 640px; }
.first-visit__head { max-width: 640px; margin: 0 auto clamp(28px, 4vw, 48px); }
.first-visit__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2.4vw, 28px); }
@media (max-width: 760px) { .first-visit__grid { grid-template-columns: 1fr; gap: 16px; } }
.first-visit__step { padding: clamp(24px, 2.6vw, 34px); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--paper); box-shadow: var(--sh-2); }
.first-visit__num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; background: var(--teal); color: #ffffff; font-family: var(--font-display); font-size: 18px; margin-bottom: 16px; }
.first-visit__h { font-family: var(--font-display); font-weight: 500; font-size: 22px; color: var(--ink); margin: 0 0 8px; letter-spacing: -0.01em; }
.first-visit__p { font-size: 15px; line-height: 1.6; color: var(--ink-soft); margin: 0; }
.consult-cta__p { font-size: clamp(16px, 1.5vw, 18.5px); line-height: 1.65; color: rgba(255,255,255,0.80); margin: 18px auto 26px; max-width: 560px; }
.consult-cta__actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.quiz__head { text-align: center; max-width: 640px; margin: 0 auto clamp(18px,3vw,32px); }
.quiz__h { font-family: var(--font-display); font-size: var(--t-h2); font-weight: 500; margin: 12px 0 12px; letter-spacing: -0.01em; }
.quiz__sub { color: var(--ink-mute); font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.6; margin: 0; }
.quiz {
  max-width: 720px; margin: 0 auto;
  background: #ffffff;
  border: 0;
  border-radius: var(--r-xl);
  padding: clamp(24px, 4vw, 44px);
  box-shadow: var(--sh-3);
}
.quiz__progress { height: 5px; border-radius: 999px; background: var(--line); overflow: hidden; margin-bottom: clamp(24px,4vw,36px); }
html:not(.js-ready) .quiz__progress { display: none; }
.quiz__bar { display: block; height: 100%; background: var(--teal); border-radius: 999px; transition: width .45s var(--ease-soft); }
.quiz__step, .quiz__result { animation: quizFade .35s var(--ease-soft); }
@keyframes quizFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.quiz__q { font-family: var(--font-display); font-size: clamp(21px,2.4vw,29px); font-weight: 400; text-align: center; margin: 0 0 clamp(20px,3vw,28px); letter-spacing: -0.008em; color: var(--ink); }
.quiz__opts--grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (max-width: 560px) {
  .quiz__opts--grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }
  .quiz__opt { padding: 12px 10px; font-size: 14px; min-height: 76px; }
  .quiz__opt-ic { width: 20px; height: 20px; }
}
.quiz__opt {
  display: flex; align-items: center; justify-content: center; text-align: center;
  min-height: 60px; padding: 15px 20px;
  border: 1px solid var(--line-deep); border-radius: var(--r-md);
  background: var(--paper); color: var(--ink); box-shadow: var(--sh-2);
  font-family: var(--font-body); font-size: 16px; font-weight: 500;
  cursor: pointer; transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out), color .18s var(--ease-out);
}
@media (hover: hover) { .quiz__opt:hover { border-color: var(--teal); background: var(--blush); color: var(--green-ink); transform: translateY(-1px); } }
.quiz__opt:focus-visible { outline: 2px solid var(--green-ink); outline-offset: 2px; }
.quiz__back {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13.5px; color: var(--ink-mute); background: none; border: 0;
  cursor: pointer; padding: 6px 0; margin-bottom: 12px; min-height: 40px;
}
.quiz__back:hover { color: var(--green-ink); }
.quiz__result { text-align: center; }
.quiz__result-lab { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--green-ink); font-weight: 600; margin: 0 0 8px; }
.quiz__result-h { font-family: var(--font-display); font-size: clamp(23px,2.6vw,31px); font-weight: 400; margin: 0 0 24px; letter-spacing: -0.01em; color: var(--ink); }
.quiz__matches { display: grid; gap: 12px; text-align: left; margin-bottom: 28px; }
.quiz__match {
  position: relative; display: block;
  border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 18px 20px; background: var(--paper);
  transition: transform .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);
}
.quiz__match:hover { border-color: var(--teal); box-shadow: var(--sh-2); transform: translateY(-2px); }
.quiz__match-badge { display: inline-block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink); background: var(--teal); padding: 3px 10px; border-radius: 999px; margin-bottom: 8px; font-weight: 600; }
.quiz__match-name { display: block; font-family: var(--font-display); font-size: 20px; font-weight: 400; color: var(--ink); margin-bottom: 4px; }
.quiz__match-short { display: block; font-size: 14.5px; color: var(--ink-soft); line-height: 1.5; margin-bottom: 8px; }
.quiz__match-cta { display: inline-block; font-size: 13.5px; font-weight: 500; color: var(--green-ink); }
.quiz__cta { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.quiz__disclaimer { font-size: 12.5px; color: var(--ink-mute); font-style: italic; margin: 18px 0 0; }
.quiz__follow { margin-top: 26px; padding: 22px 22px 18px; background: var(--paper); border: 1px solid var(--line, rgba(19,36,59,0.12)); border-radius: 14px; text-align: left; }
.quiz__follow-h { font-family: var(--font-display); font-size: 19px; font-weight: 400; color: var(--ink); margin: 0 0 8px; }
.quiz__follow-sub { font-size: 14.5px; color: var(--ink-soft); line-height: 1.6; margin: 0 0 14px; }
.quiz__follow .btn { min-height: 48px; }
.quiz__follow-note { font-size: 12px; color: var(--ink-mute); line-height: 1.55; margin: 12px 0 0; }
.qmodal { position: fixed; inset: 0; z-index: 300; }
.qmodal__scrim { position: absolute; inset: 0; background: rgba(19,36,59,0.55); }
.qmodal__panel { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(560px, calc(100vw - 32px)); height: min(760px, calc(100dvh - 48px)); background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 40px 90px -30px rgba(19,36,59,.5); }
.qmodal__x { position: absolute; top: 10px; right: 10px; z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(19,36,59,0.08); color: var(--ink); font-size: 22px; line-height: 1; cursor: pointer; }
.qmodal__x:hover { background: rgba(19,36,59,0.16); }
.qmodal__frame { width: 100%; height: 100%; border: 0; display: block; }
@media (max-width: 560px) {
  .qmodal__panel { width: 100vw; height: 100dvh; border-radius: 0; left: 0; top: 0; transform: none; }
}


.lib-hero { padding-top: clamp(120px, 14vw, 180px); background: linear-gradient(180deg, var(--blush) 0%, var(--paper) 100%); }
.lib-hero__h { font-family: var(--font-display); font-size: var(--t-display-3); font-weight: 500; margin: 12px 0 14px; letter-spacing: -0.014em; }
.lib-hero__sub { font-size: var(--t-body-lg); color: var(--ink-mute); max-width: 60ch; margin: 0 auto; }
.lib-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
@media (max-width: 900px) { .lib-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .lib-grid { grid-template-columns: 1fr; } }
.lib-card {
  display: flex; flex-direction: column; gap: 10px;
  border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: clamp(22px, 2.5vw, 30px); background: var(--ivory);
  transition: transform .28s var(--ease-out), box-shadow .28s var(--ease-out), border-color .2s var(--ease-out);
  min-height: 200px;
}
.lib-card:hover { transform: translateY(-3px); box-shadow: var(--sh-3); border-color: var(--teal); }
.lib-card__cat { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green-ink); font-weight: 600; }
.lib-card__title { font-family: var(--font-display); font-size: 22px; font-weight: 400; margin: 0; letter-spacing: -0.006em; color: var(--ink); line-height: 1.2; }
.lib-card__excerpt { font-size: 14.5px; color: var(--ink-soft); line-height: 1.5; margin: 0; flex: 1; }
.lib-card__cta { font-size: 14px; font-weight: 500; color: var(--green-ink); margin-top: 4px; }
.lib-article { padding-top: clamp(110px, 13vw, 160px); }
.lib-crumbs { font-size: 14px; color: var(--ink-mute); margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.lib-crumbs a { color: var(--ink-mute); }
.lib-crumbs @media (hover: hover) { a:hover { color: var(--green-ink); } }
.lib-article__h { font-family: var(--font-display); font-size: clamp(30px, 4vw, 52px); font-weight: 500; line-height: 1.05; letter-spacing: -0.018em; margin: 10px 0 20px; color: var(--ink); }
.lib-article__lede { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.5; color: var(--ink-soft); max-width: 62ch; margin: 0 0 clamp(28px, 4vw, 44px); font-weight: 500; }
.lib-prose { max-width: 68ch; }
.lib-prose h2 { font-family: var(--font-display); font-size: clamp(23px, 2.4vw, 30px); font-weight: 400; margin: clamp(32px,4vw,48px) 0 14px; letter-spacing: -0.008em; color: var(--ink); }
.lib-prose h3 { font-family: var(--font-display); font-size: 21px; font-weight: 400; margin: 28px 0 10px; color: var(--ink); }
.lib-prose p { font-size: 16.5px; line-height: 1.65; color: var(--ink-soft); margin: 0 0 16px; }
.lib-list { margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lib-list li { position: relative; padding-left: 22px; font-size: 16px; line-height: 1.6; color: var(--ink-soft); list-style: none; }
.lib-list li::before { content: ""; position: absolute; left: 2px; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--teal); }
.lib-cta { margin: clamp(40px,5vw,64px) 0 0; padding: clamp(28px,3.5vw,44px); background: var(--blush); border: 1px solid var(--line); border-radius: var(--r-xl); text-align: center; }
.lib-cta h3 { font-family: var(--font-display); font-size: clamp(22px,2.2vw,28px); font-weight: 400; margin: 0 0 8px; color: var(--ink); }
.lib-cta p { font-size: 15px; color: var(--ink-mute); max-width: 48ch; margin: 0 auto 20px; }
.lib-related { margin-top: clamp(32px,4vw,48px); padding-top: 28px; border-top: 1px solid var(--line); }
.lib-related__h { font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-mute); font-weight: 600; margin: 0 0 14px; }
.lib-related__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.lib-related__chip { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 18px; border: 1px solid var(--line-deep); border-radius: var(--r-pill); font-size: 14px; color: var(--ink); font-weight: 500; transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out), color .18s var(--ease-out); }
.lib-related__chip:hover { border-color: var(--teal); background: var(--blush); color: var(--green-ink); }


.sticky-cta {
  position: fixed;
  left: 0; right: 0;
  
  bottom: calc(env(safe-area-inset-bottom, 0px) - 96px);
  padding: 0 16px;
  z-index: 40;
  display: none;
  justify-content: center;
  background: transparent;
  transition: bottom .42s var(--ease-soft), opacity .3s var(--ease-soft);
  opacity: 0;
  pointer-events: none;
}
.sticky-cta .btn {
  
  width: auto;
  max-width: 100%;
  height: 54px;
  padding: 0 32px;
  background: var(--ink);
  border: 0;
  color: #ffffff;
  font-weight: 600;
  border-radius: var(--r-pill);
  transform: none;
  box-shadow: 0 10px 30px rgba(19,36,59,0.34), 0 2px 6px rgba(19,36,59,0.12);
}
.sticky-cta .btn:hover,
.sticky-cta .btn:active {
  background: #13243b;
  color: #ffffff;
  transform: none;
  box-shadow: 0 12px 34px rgba(19,36,59,0.42);
}
body[data-past-hero="true"] .sticky-cta {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 760px) {
  .sticky-cta { display: flex; }
  body { padding-bottom: 0; }
  
  .nav__logo { font-size: 18px; padding: 6px 0; }
  .nav__logo svg { height: 32px; width: 32px; }
}


.hero {
  position: relative;
  
  min-height: min(94vh, 56.25vw);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--ink);
  color: var(--ivory);
  margin-top: -1px;
}
.hero__media {
  position: absolute; inset: 0;
  z-index: 0;
}
.hero__media video,
.hero__media img {
  width: 100%; height: 100%;
  object-fit: cover;
  
}
@media (min-width: 761px) {
  
  .hero__media video { object-position: center 44%; }
}
.hero__media::after {
  content: "";
  position: absolute; inset: 0;
  
  background: none;
}
@media (max-width: 760px) {
  .hero__media::after {
    background: none;
  }
}
.hero__inner {
  position: relative; z-index: 1;
  width: 100%;
  min-height: 100%;
  padding: clamp(96px, 13vh, 168px) 0 clamp(44px, 7vh, 88px);
  display: flex; flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: clamp(15px, 1.8vw, 25px);
}

.hero__eyebrow {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  margin: 0;
  color: rgba(255,255,255,0.82);
  font-size: 13px; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 500;
}
.hero__eyebrow::before, .hero__eyebrow::after {
  content: ""; height: 1px; width: clamp(26px, 5vw, 64px);
  background: rgba(255,255,255,0.42);
}
.hero__h {
  font-family: var(--font-display);
  font-size: var(--t-display-1);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -0.02em;
  color: var(--ivory);
  max-width: 22ch;
  margin: 0;
}
.hero__h em { font-style: italic; color: var(--teal); font-weight: 500; }

.hero__eyebrow, .hero__h, .hero__sub, .hero__quiz-link { text-shadow: 0 1px 2px rgba(19,36,59,0.88), 0 1px 8px rgba(19,36,59,0.65), 0 0 24px rgba(19,36,59,0.45); }
.hero__sub {
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.55;
  font-weight: 500;
  color: #ffffff;
  max-width: 52ch;
  margin: 0;
}
.hero__ctas {
  display: flex; flex-wrap: wrap; gap: 16px;
  justify-content: center; align-items: center;
  margin: 4px 0 0;
}
.hero__trust {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;
  margin: clamp(8px, 1.4vw, 20px) auto 0;
  max-width: 940px;
}
.hero__trust-item {
  display: flex; flex-direction: column; gap: 5px;
  align-items: center; text-align: center;
  padding: 2px clamp(20px, 3vw, 44px);
  border-left: 1px solid rgba(255,255,255,0.22);
}
.hero__trust-item:first-child { border-left: 0; }
.hero__trust-item strong {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(24px, 2.5vw, 32px);
  letter-spacing: -0.01em;
  color: var(--ivory);
  line-height: 1;
}
.hero__trust-item span {
  font-size: 12px;
  color: rgba(255,255,255,0.72);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  max-width: 15ch;
}
@media (max-width: 760px) {
  
  .hero {
    
    min-height: 100dvh;
  }
  .hero__inner {
    
    padding: 18px var(--gutter) 18px;
    gap: 18px;
    display: flex;
    flex-direction: column;
    
    justify-content: safe center;
    align-items: center;
    text-align: center;
    min-height: 100dvh;
  }
  
  .hero__eyebrow { flex-wrap: wrap; gap: 10px; font-size: 11.5px; letter-spacing: 0.2em; }
  .hero__eyebrow::before, .hero__eyebrow::after { width: 22px; }
  .hero__h {
    max-width: 14ch;
    font-size: clamp(42px, 10.5vw, 60px);
    line-height: 0.98;
    margin: 0;
  }
  .hero__sub { display: none; } 
  .hero__quiz-link { display: none; }
  .hero__trust { display: none; } 
  .hero__ctas {
    flex-direction: column;
    gap: 10px; margin-top: 4px;
    width: 100%; max-width: 340px;
  }
  .hero__ctas .btn--lg { height: 50px; padding: 0 20px; font-size: 14.5px; width: 100%; }
  
  .hero__media { background: #13243b; }
  
  .hero__media img, .hero__media video { object-fit: cover !important; object-position: 50% 40% !important; }
}
@media (max-width: 380px) {
  .hero { min-height: 100dvh; }
  .hero__trust { grid-template-columns: 1fr 1fr; gap: 8px 14px; }
  .hero__h { font-size: clamp(34px, 9.5vw, 46px); line-height: 0.96; }
  .hero__ctas .btn--lg { height: 46px; font-size: 14px; padding: 0 16px; }
}

@supports not (height: 100dvh) {
  @media (max-width: 760px) {
    .hero { min-height: 100vh; }
  }
}


.press {
  padding: var(--s-7) 0;
  background: var(--parchment);
  border-bottom: 1px solid var(--line-soft);
}
@media (max-width: 760px) {
  .press { padding: 32px 0; }
  .press__label { margin-bottom: var(--s-4); }
}
.press__row {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap;
  gap: clamp(32px, 6vw, 72px);
  color: var(--ink-mute);
}
.press__label {
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ink-faint);
  margin-bottom: var(--s-5);
  text-align: center;
}


.plogo {
  display: inline-flex;
  align-items: center;
  height: 28px;
  line-height: 1;
  opacity: 0.62;
  color: var(--ink);
  transition: opacity .25s var(--ease-out), transform .25s var(--ease-out);
}
.plogo:hover { opacity: 1; transform: translateY(-1px); }
.plogo img {
  height: 100%;
  width: auto;
  display: block;
}

.plogo:last-child img {
  filter: grayscale(100%) brightness(0.35) contrast(1.2);
}
@media (max-width: 600px) {
  .press__row { gap: 24px 32px; }
  .plogo { height: 22px; opacity: 0.7; }
}


.finder {
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  padding: clamp(28px, 4vw, 56px);
  box-shadow: var(--sh-2);
}
.finder__top {
  display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap;
  gap: var(--s-4);
  margin-bottom: var(--s-5);
}
.finder__title {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 400;
  margin: 0;
  letter-spacing: -0.008em;
}
.finder__hint { font-size: 13px; color: var(--ink-mute); }
.finder__chips {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: var(--s-5);
}
.chip {
  display: inline-flex; align-items: center;
  height: 40px; padding: 0 16px;
  border-radius: var(--r-pill);
  background: var(--parchment);
  border: 1px solid var(--line);
  font-size: 13.5px;
  color: var(--ink-soft);
  transition: all .2s var(--ease-out);
  cursor: pointer;
}
.chip:hover { border-color: var(--line-deep); color: var(--ink); }
.chip[data-active="true"] {
  background: #c5a467;
  color: var(--ink);
  border-color: #c5a467;
}
.chip[data-active="true"]:hover { background: #89652e; border-color: #89652e; color: var(--ink); }


.card-grid {
  display: grid;
  gap: clamp(16px, 2vw, 24px);
}
.card-grid--2 { grid-template-columns: repeat(2, 1fr); }
.card-grid--3 { grid-template-columns: repeat(3, 1fr); }
.card-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) {
  .card-grid--3, .card-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .card-grid--2, .card-grid--3, .card-grid--4 { grid-template-columns: 1fr; }
}


@media (max-width: 700px) {
  .card-grid--bleed-mobile {
    margin-left: calc(var(--gutter) * -1);
    margin-right: calc(var(--gutter) * -1);
    gap: 0;
  }
  .card-grid--bleed-mobile .story-card {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }
  .card-grid--bleed-mobile .story-card:last-child {
    border-bottom: 0;
  }
  .card-grid--bleed-mobile .story-card__media {
    aspect-ratio: 4 / 3;
  }
  .card-grid--bleed-mobile .story-card__body {
    padding: 24px var(--gutter) 32px;
  }
}

.card-tx {
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .2s var(--ease-out);
}
.card-tx:hover {
  transform: translateY(-4px);
  border-color: var(--line);
  box-shadow: var(--sh-3);
}
.card-tx__media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--canvas-deep);
  position: relative;
}
.card-tx__media img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .8s var(--ease-out);
}
.card-tx:hover .card-tx__media img { transform: scale(1.04); }
.card-tx__badge {
  position: absolute; top: 12px; left: 12px;
  background: var(--ivory);
  color: var(--ink);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: var(--r-pill);
}
.card-tx__body { padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-3); flex: 1; }
.card-tx__name {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.005em;
  margin: 0;
  color: var(--ink);
}
.card-tx__short {
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0;
}
.card-tx__meta {
  display: flex; flex-wrap: wrap; gap: 6px;
  padding-top: var(--s-2);
}
.card-tx__meta-pill {
  font-size: 12px;
  color: var(--ink-mute);
  background: var(--parchment);
  padding: 4px 10px;
  border-radius: var(--r-pill);
  letter-spacing: 0.02em;
}
.card-tx__actions {
  margin-top: auto;
  padding-top: var(--s-4);
  display: flex; gap: 12px; align-items: center; justify-content: space-between;
}
.card-tx__actions .text-link { font-size: 14px; }


.pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2vw, 32px);
}
@media (max-width: 880px) { .pillars { grid-template-columns: 1fr; } }
.pillar {
  border: 1px solid var(--line-soft);
  background: var(--ivory);
  border-radius: var(--r-lg);
  padding: clamp(24px, 3vw, 40px);
  display: flex; flex-direction: column; gap: var(--s-3);
}
.pillar__num {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--green-ink);
  text-transform: uppercase;
}
.pillar h3 { margin-top: 4px; margin-bottom: 4px; }
.pillar p { font-size: 15px; line-height: 1.55; }


.provider-card {
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out);
}
.provider-card:hover { transform: translateY(-3px); box-shadow: var(--sh-3); }
.provider-card__photo {
  aspect-ratio: 4 / 5;
  background: var(--canvas-deep);
  overflow: hidden;
  position: relative;
}
.provider-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.provider-card__photo--placeholder {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(160deg, var(--champagne), var(--canvas-deep));
}
.provider-card__photo--placeholder .initials {
  font-family: var(--font-display);
  font-size: 76px; font-weight: 500;
  color: rgba(19,36,59,0.55);
  letter-spacing: -0.02em;
}
.provider-card__body { padding: var(--s-5); display: flex; flex-direction: column; gap: 6px; }
.provider-card__name { font-family: var(--font-display); font-size: 22px; font-weight: 400; margin: 0; }
.provider-card__title { font-size: 14px; color: var(--ink-mute); letter-spacing: 0.01em; }
.provider-card__creds { font-size: 13px; color: var(--green-ink); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 4px; }
.provider-card__specs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--s-3); }
.provider-card__specs span {
  font-size: 12px; color: var(--ink-mute);
  background: var(--parchment); padding: 4px 10px; border-radius: var(--r-pill);
}
.provider-card__cta { margin-top: var(--s-4); }


.location-card {
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  padding: clamp(20px, 2vw, 28px);
  display: flex; flex-direction: column; gap: var(--s-3);
  transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .2s var(--ease-out);
}
.location-card:hover { transform: translateY(-3px); box-shadow: var(--sh-3); border-color: var(--line); }
.location-card__head { display: flex; align-items: start; justify-content: space-between; gap: var(--s-3); }
.location-card__name { font-family: var(--font-display); font-size: 24px; font-weight: 400; margin: 0; letter-spacing: -0.006em; }
.location-card__region { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-mute); }
.location-card__addr { font-size: 14px; color: var(--ink-soft); line-height: 1.5; }
.location-card__line { font-size: 14px; color: var(--ink-mute); font-style: italic; line-height: 1.5; }
.location-card__hours { font-size: 12.5px; color: var(--ink-mute); }
.location-card__actions { margin-top: auto; padding-top: var(--s-3); display: flex; align-items: center; gap: var(--s-3); flex-wrap: wrap; }
.location-card__badge {
  display: inline-flex; align-items: center;
  font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase;
  background: var(--champagne); color: var(--ink);
  padding: 4px 10px; border-radius: var(--r-pill);
}


.sec-head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: var(--s-5);
  margin-bottom: clamp(28px, 4vw, 56px);
}
.sec-head h2 { margin: 0; max-width: 22ch; }
.sec-head__sub {
  font-size: 15px; color: var(--ink-mute); max-width: 36ch;
  margin: 8px 0 0;
}
@media (max-width: 760px) {
  .sec-head { grid-template-columns: 1fr; }
}


.loc-section {
  background: linear-gradient(180deg, var(--parchment) 0%, var(--cream) 100%);
  position: relative;
}
.loc-section__bg {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(60% 50% at 15% 30%, rgba(197,164,103,0.06) 0%, transparent 60%),
    radial-gradient(50% 40% at 85% 70%, rgba(197,164,103,0.08) 0%, transparent 60%);
  z-index: 0;
}
.loc-section > .wrap { position: relative; z-index: 1; }
.loc-search {
  display: flex;
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  padding: 6px;
  max-width: 480px;
  box-shadow: var(--sh-2);
  margin-bottom: var(--s-6);
}
.loc-search input {
  flex: 1;
  background: transparent;
  border: 0;
  outline: none;
  padding: 0 18px;
  font-size: 15px;
  color: var(--ink);
}
.loc-search input::placeholder { color: var(--ink-faint); }


.story-card {
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out);
}
.story-card:hover { transform: translateY(-3px); box-shadow: var(--sh-3); }
.story-card__media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--canvas-deep);
  position: relative;
}
.story-card__media::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(197,164,103,0) 60%, rgba(197,164,103,0.20) 100%);
  pointer-events: none;
}
.story-card__media img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .8s var(--ease-out);
}
.story-card:hover .story-card__media img { transform: scale(1.04); }
.story-card__body { padding: var(--s-5); display: flex; flex-direction: column; gap: 12px; flex: 1; }
.story-card__tag {
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--green-ink);
  font-weight: 500;
}
.story-card__badge {
  position: absolute;
  top: 12px; left: 12px;
  z-index: 2;
  background: rgba(255,255,255,0.94);
  color: var(--ink);
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: var(--r-pill);
  font-weight: 500;
}

.story-card__quote {
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--ink-soft);
  letter-spacing: -0.002em;
  margin: 0;
}
.story-card__timeline {
  margin: auto 0 0;
  font-size: 12.5px;
  color: var(--ink-mute);
  letter-spacing: 0.02em;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
}
.results-disclaimer {
  margin-top: 32px;
  font-size: 12.5px;
  color: var(--ink-mute);
  font-style: italic;
  max-width: 70ch;
  line-height: 1.55;
}


.ba-card {
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out);
}
.ba-card:hover { transform: translateY(-3px); box-shadow: var(--sh-3); }
.ba-card__media {
  aspect-ratio: 4 / 3;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--canvas-deep);
  overflow: hidden;
}
.ba-card__half {
  position: relative;
  overflow: hidden;
  background: var(--canvas-deep);
}
.ba-card__half img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .8s var(--ease-out);
}
.ba-card:hover .ba-card__half img { transform: scale(1.04); }
.ba-card__half::after {
  position: absolute; top: 12px;
  font-family: var(--font-body); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ink); background: var(--ivory); padding: 5px 10px; border-radius: var(--r-pill);
  z-index: 2;
  font-weight: 500;
}
.ba-card__half--before::after { content: "Before"; left: 12px; }
.ba-card__half--after::after { content: "After"; right: 12px; }
.ba-card__half::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(197,164,103,0) 60%, rgba(197,164,103,0.20) 100%);
  z-index: 1;
}
.ba-card__half--after { border-left: 1px solid rgba(255,255,255,0.4); }
.ba-card__body { padding: var(--s-5); }
.ba-card__caption { font-size: 14px; color: var(--ink-soft); line-height: 1.5; }
.ba-card__meta {
  display: flex; gap: var(--s-3); margin-top: 8px;
  font-size: 12px; color: var(--ink-mute); letter-spacing: 0.06em; text-transform: uppercase;
}


.quote-card {
  background: var(--ivory);
  border-radius: var(--r-lg);
  padding: clamp(24px, 3vw, 40px);
  border: 1px solid var(--line-soft);
}
.quote-card__q {
  font-family: var(--font-display);
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.32;
  color: var(--ink);
  font-weight: 500;
  letter-spacing: -0.005em;
}
.quote-card__attr {
  margin-top: var(--s-4);
  font-size: 13px;
  color: var(--ink-mute);
  letter-spacing: 0.04em;
}
.quote-card__attr strong { color: var(--ink); font-weight: 500; }


.process {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 2vw, 32px);
  counter-reset: step;
}
@media (max-width: 880px) { .process { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .process { grid-template-columns: 1fr; } }
.process__step {
  display: flex; flex-direction: column; gap: var(--s-3);
  padding: var(--s-5) 0;
  border-top: 1px solid var(--ink);
}
.section--ink .process__step { border-top-color: rgba(255,255,255,0.4); }
.process__num {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--green-ink);
}
.process__title { font-family: var(--font-display); font-size: 22px; font-weight: 400; margin: 0; letter-spacing: -0.004em; }
.process__body { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); }
.section--ink .process__body { color: rgba(255,255,255,0.72); }


@media (max-width: 760px) {
  .section--ink .process {
    display: block;
    position: relative;
    counter-reset: step;
  }
  .section--ink .process__step {
    position: sticky;
    background: var(--ivory);
    color: var(--ink);
    padding: 26px 24px 28px;
    border-radius: 18px;
    margin-bottom: 14px;
    min-height: 220px;
    border: 0;
    box-shadow:
      0 -2px 12px rgba(19,36,59,0.25),
      0 18px 36px -12px rgba(19,36,59,0.5);
    z-index: 1;
    transition: transform .3s var(--ease-soft);
    display: flex; flex-direction: column; gap: 10px;
  }
  
  .section--ink .process__step:nth-child(1) { top: 86px; z-index: 1; }
  .section--ink .process__step:nth-child(2) { top: 100px; z-index: 2; }
  .section--ink .process__step:nth-child(3) { top: 114px; z-index: 3; }
  .section--ink .process__step:nth-child(4) { top: 128px; z-index: 4; margin-bottom: 0; }

  
  .section--ink .process__step .process__num { color: var(--clay); }
  .section--ink .process__step .process__title { color: var(--ink); font-size: 24px; line-height: 1.1; }
  .section--ink .process__step .process__body { color: var(--ink-soft); font-size: 15px; line-height: 1.5; }

  
  .section--ink .sec-head { margin-bottom: 28px; }
}


.faq-list { display: flex; flex-direction: column; gap: 0; }
.faq-item {
  border-top: 1px solid var(--line);
  padding: var(--s-4) 0;
}
.faq-item:last-child { border-bottom: 1px solid var(--line); }
.faq-item summary {
  list-style: none;
  display: flex; align-items: start; justify-content: space-between; gap: var(--s-4);
  cursor: pointer;
  padding: var(--s-3) 0;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item__q {
  font-family: var(--font-display);
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 400;
  color: var(--ink);
  flex: 1;
  letter-spacing: -0.004em;
}
.faq-item__icon {
  width: 32px; height: 32px;
  flex-shrink: 0;
  border-radius: var(--r-pill);
  border: 1px solid var(--line-deep);
  display: inline-flex; align-items: center; justify-content: center;
  position: relative;
  transition: background-color .2s var(--ease-out), border-color .2s var(--ease-out), transform .25s var(--ease-out);
}
.faq-item__icon::before, .faq-item__icon::after {
  content: ""; position: absolute;
  background: var(--green-ink);
  border-radius: 1px;
}
.faq-item__icon::before { width: 12px; height: 1.5px; }
.faq-item__icon::after { width: 1.5px; height: 12px; transition: transform .25s var(--ease-out); }
.faq-item[open] .faq-item__icon { background: var(--clay); border-color: var(--clay); }
.faq-item[open] .faq-item__icon::before,
.faq-item[open] .faq-item__icon::after { background: var(--ink); }
.faq-item[open] .faq-item__icon::after { transform: rotate(90deg); }
.faq-item__a {
  padding: 0 60px var(--s-4) 0;
  color: var(--ink-soft);
  font-size: 15.5px;
  line-height: 1.6;
  max-width: 60ch;
}


.site-footer {
  background: #13243b;
  color: rgba(255,255,255,0.70);
  padding: clamp(64px, 8vw, 96px) 0 32px;
}
.site-footer a { color: rgba(255,255,255,0.80); }
.site-footer a:hover { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; }
.site-footer .btn--ghost-light { color: #ffffff; border-color: rgba(255,255,255,0.35); }
.site-footer .btn--ghost-light:hover { background: rgba(255,255,255,0.08); color: #ffffff; border-color: #ffffff; }
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: clamp(24px, 3vw, 56px);
  padding-bottom: var(--s-7);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
@media (max-width: 980px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer-grid { grid-template-columns: 1fr; } }
.footer-brand .footer-brand__tag {
  font-family: var(--font-display);
  color: #ffffff;
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 var(--s-3);
  letter-spacing: -0.008em;
}
.footer-brand p { font-size: 14px; line-height: 1.55; color: rgba(255,255,255,0.66); max-width: 30ch; }
.footer-brand__social { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 16px; }
.footer-brand__social a { font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.66); }
.footer-brand__social a:hover { color: #ffffff; }

.policy-h { font-family: var(--font-body); font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--ink); margin-bottom: 10px; }
.footer-col h2 {
  font-family: var(--font-body);
  font-size: 13px; font-weight: 600;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--teal);
  margin: 0 0 var(--s-4);
}
.footer-col ul { display: flex; flex-direction: column; gap: 6px; }
.footer-col a {
  font-size: 14px;
  display: inline-block;
  padding: 8px 0;
  min-height: 40px;
  line-height: 1.5;
}
.footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: var(--s-3);
  padding-top: var(--s-5);
  font-size: 13px;
  color: rgba(255,255,255,0.55);
}
.footer-bottom__brand { display: flex; align-items: center; gap: 10px; }
.footer-bottom__brand svg { height: 24px; width: 24px; }
.footer-bottom__brand svg path { fill: rgba(255,255,255,0.6); }
.footer-bottom__legal a {
  color: rgba(255,255,255,0.6);
  margin-left: var(--s-4);
  display: inline-block;
  padding: 12px 0;
  min-height: 44px;
  line-height: 1.4;
}


.split {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(24px, 4vw, 80px);
  align-items: center;
}
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } }
.split__media {
  aspect-ratio: 4 / 5;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--canvas-deep);
}
.split__media img { width: 100%; height: 100%; object-fit: cover; }
.split__media--ink { background: #c5a467; }


.tx-hero {
  padding: clamp(110px, 14vw, 180px) 0 clamp(56px, 7vw, 96px);
  background: linear-gradient(180deg, var(--parchment) 0%, var(--cream) 100%);
}
.tx-hero__grid {
  display: grid; grid-template-columns: 1.05fr 1fr;
  gap: clamp(28px, 5vw, 80px);
  align-items: center;
}
@media (max-width: 900px) { .tx-hero__grid { grid-template-columns: 1fr; } }
.tx-hero__media {
  aspect-ratio: 4 / 5;
  background: var(--canvas-deep);
  border-radius: var(--r-xl);
  overflow: hidden;
}
.tx-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.tx-hero__crumbs {
  font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-mute);
  margin-bottom: var(--s-4);
}
.tx-hero__crumbs a {
  color: var(--ink-mute);
  display: inline-block;
  padding: 12px 0;
  min-height: 40px;
  line-height: 1.4;
}
.tx-hero__h {
  font-family: var(--font-display);
  font-size: clamp(40px, 5vw, 72px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.022em;
  margin: 0 0 var(--s-4);
  color: var(--ink);
}
.tx-hero__lede {
  font-size: var(--t-body-lg); line-height: 1.5;
  color: var(--ink-soft);
  max-width: 50ch;
  margin-bottom: var(--s-5);
}
.tx-hero__facts {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-4);
  padding: var(--s-5) 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  margin: var(--s-5) 0;
}
.tx-hero__fact strong { display: block; font-family: var(--font-display); font-size: 22px; font-weight: 400; color: var(--ink); }
.tx-hero__fact span { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-mute); }


.benefit-list {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2vw, 32px);
}
@media (max-width: 880px) { .benefit-list { grid-template-columns: 1fr; } }
.benefit {
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  padding: var(--s-5);
  display: flex; flex-direction: column; gap: 8px;
}
.benefit__num {
  font-family: var(--font-display);
  font-size: 13px; color: var(--green-ink);
  letter-spacing: 0.14em; text-transform: uppercase;
}
.benefit h3 { margin-bottom: 0; }
.benefit p { font-size: 14.5px; margin: 0; color: var(--ink-soft); line-height: 1.5; }


.booking {
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  padding: clamp(28px, 4vw, 56px);
  display: grid; gap: var(--s-5);
  box-shadow: var(--sh-2);
}
.booking__steps {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px;
  margin-bottom: var(--s-4);
}
@media (max-width: 760px) { .booking__steps { grid-template-columns: repeat(3, 1fr); } }
.booking__step {
  display: flex; flex-direction: column; gap: 4px;
  padding: 12px 14px;
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: var(--parchment);
  font-size: 12.5px; color: var(--ink-mute);
  transition: all .2s var(--ease-out);
}
.booking__step strong {
  font-family: var(--font-display);
  font-size: 18px; font-weight: 400;
  color: var(--ink-mute);
  letter-spacing: -0.004em;
}
.booking__step[data-active="true"] {
  background: #c5a467; color: var(--ivory); border-color: #c5a467;
}
.booking__step[data-active="true"] strong { color: var(--ivory); }
.booking__step[data-done="true"] strong { color: var(--green-ink); }
.booking__panels {
  display: grid; gap: var(--s-5);
}
.booking__panel { display: none; }
.booking__panel[data-active="true"] { display: grid; gap: var(--s-4); }
.option-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-3); }
@media (max-width: 760px) { .option-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .option-grid { grid-template-columns: 1fr; } }
.option-card {
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--parchment);
  padding: var(--s-4);
  text-align: left;
  display: flex; flex-direction: column; gap: 4px;
  transition: all .15s var(--ease-out);
  cursor: pointer;
}
.option-card:hover { border-color: var(--ink); background: var(--ivory); }
.option-card[data-selected="true"] {
  border-color: var(--clay);
  background: var(--ivory);
  box-shadow: 0 0 0 2px var(--clay) inset, 0 4px 14px rgba(197,164,103,0.18);
  position: relative;
}
.option-card[data-selected="true"]::after {
  content: "✓";
  position: absolute;
  top: 10px; right: 12px;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--clay);
  color: var(--ivory);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.option-card[data-recommended="true"]::before {
  content: "Recommended first visit";
  position: absolute;
  top: -10px; left: 12px;
  background: #c5a467;
  color: var(--ivory);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--r-pill);
  font-weight: 500;
}
.option-card[data-recommended="true"] {
  border-color: var(--ink);
  background: var(--ivory);
}
.option-card strong { font-family: var(--font-display); font-size: 18px; font-weight: 400; color: var(--ink); }
.option-card span { font-size: 13px; color: var(--ink-mute); }
.input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: var(--paper);
  font-size: 15px;
  color: var(--ink);
}
.input:focus { outline: none; border-color: var(--ink); }
textarea.input { height: auto; padding: 12px 16px; min-height: 100px; resize: vertical; }
.form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-3); }
@media (max-width: 600px) { .form-row { grid-template-columns: 1fr; } }
.label { display: block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 6px; }
.booking__nav { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding-top: var(--s-4); border-top: 1px solid var(--line-soft); }


.reveal { opacity: 1; transform: none; transition: opacity .8s var(--ease-soft), transform .8s var(--ease-soft); }
html.js-ready .reveal { opacity: 0; transform: translateY(14px); }
html.js-ready .reveal[data-in="true"] { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html.js-ready .reveal { opacity: 1; transform: none; }
}


.loc-explorer {
  background: linear-gradient(180deg, var(--parchment) 0%, var(--cream) 60%, var(--parchment) 100%);
  position: relative;
  padding-bottom: clamp(64px, 9vw, 130px);
}
.loc-explorer__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: var(--s-5);
  margin-bottom: clamp(28px, 4vw, 48px);
}
.loc-explorer__h {
  font-family: var(--font-display);
  font-size: clamp(34px, 4.6vw, 64px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.022em;
  margin: 12px 0 0;
  max-width: 16ch;
}
.loc-explorer__all { white-space: nowrap; }
@media (max-width: 760px) {
  .loc-explorer__head { grid-template-columns: 1fr; }
}

.loc-explorer__bar {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: var(--s-4);
  align-items: center;
  padding: 18px 22px;
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  box-shadow: var(--sh-2);
  margin-bottom: var(--s-7);
}
.loc-explorer__search {
  display: flex; align-items: center; gap: 10px;
  color: var(--ink-mute);
  border-right: 1px solid var(--line-soft);
  padding-right: 14px;
}
.loc-explorer__search input {
  border: 0; background: transparent; outline: none;
  font-size: 15px;
  width: 100%;
  min-height: 44px;
  color: var(--ink);
  padding: 6px 0;
}
.loc-explorer__search input::placeholder { color: var(--ink-faint); }
.loc-explorer__chips {
  display: flex; flex-wrap: wrap; gap: 6px;
  justify-content: flex-end;
}
.loc-chip {
  height: 40px; padding: 0 18px;
  border-radius: var(--r-pill);
  background: transparent;
  border: 1px solid transparent;
  font-size: 13px;
  color: var(--ink-mute);
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: all .2s var(--ease-out);
}
.loc-chip:hover { color: var(--ink); }
.loc-chip[data-active="true"] {
  background: #c5a467;
  color: var(--ink);
  border-color: var(--ink);
}
@media (max-width: 900px) {
  .loc-explorer__bar {
    grid-template-columns: 1fr;
    border-radius: var(--r-lg);
    padding: 14px;
    min-width: 0;
  }
  .loc-explorer__search {
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
    padding-right: 0; padding-bottom: 10px;
    min-width: 0;
  }
  .loc-explorer__chips { justify-content: flex-start; }
}

@media (max-width: 380px) {
  .loc-row__idx { font-size: 22px; width: 36px; padding-right: 8px; }
  .loc-row { gap: var(--s-3); }
  .team-lead__support {
    grid-template-columns: 64px 1fr auto;
    gap: 12px; padding: 10px;
  }
  .team-lead__support-media { width: 64px; height: 80px; }
  .team-lead__support-name { font-size: 17px; }
  .team-lead__support-num { font-size: 13px; }
  .team-lead__strip { padding: 14px 18px; gap: 12px; }
  .team-lead__strip-item { font-size: 14px; }
  .team-lead__strip-item strong { font-size: 17px; margin-right: 4px; }
  .team-lead__strip-divider { display: none; }
  .hero__trust { gap: var(--s-3); padding-top: var(--s-3); }
  .hero__trust-item strong { font-size: 18px; }
  .hero__trust-item span { font-size: 12px; letter-spacing: 0.06em; }
  .booking__steps { gap: 4px; }
  .booking__step { padding: 8px 10px; }
  .booking__step strong { font-size: 14px; }
}

.loc-explorer__grid {
  display: block;
}

.loc-explorer__list {
  display: flex; flex-direction: column;
  gap: var(--s-6);
}
.loc-region__bar {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 14px;
  padding-bottom: 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--line);
}
.loc-region__mono {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 14px;
  color: var(--green-ink);
  letter-spacing: 0.02em;
}
.loc-region__label {
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ink-mute);
}
.loc-region__rule { display: none; }

.loc-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--s-5);
  align-items: start;
  padding: 22px 4px;
  border-bottom: 1px solid var(--line-soft);
  cursor: pointer;
  transition: padding .25s var(--ease-out), background-color .25s var(--ease-out);
}
.loc-row:hover {
  padding-left: 16px;
  background: linear-gradient(90deg, rgba(197,164,103,0.04) 0%, transparent 80%);
}
.loc-row[data-hi="true"] {
  background: linear-gradient(90deg, rgba(197,164,103,0.08) 0%, transparent 80%);
}
.loc-row__left { display: flex; gap: 18px; align-items: start; }
.loc-row__idx {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 36px;
  line-height: 0.9;
  color: var(--ink);
  letter-spacing: -0.02em;
  font-feature-settings: "lnum","tnum";
  width: 56px;
  flex-shrink: 0;
  border-right: 1px solid var(--line);
  padding-right: 16px;
}
.loc-row__name {
  font-family: var(--font-display);
  font-size: clamp(22px, 1.8vw, 26px);
  font-weight: 400;
  letter-spacing: -0.006em;
  margin: 0 0 6px;
  color: var(--ink);
  display: inline-flex; align-items: center; gap: 10px;
}
.loc-row__badge {
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  background: var(--blush);
  color: var(--green-ink);
  padding: 3px 8px;
  border-radius: var(--r-pill);
  font-weight: 500;
}
.loc-row__addr { font-size: 13.5px; color: var(--ink-mute); margin: 0 0 6px; }
.loc-row__note { font-size: 13.5px; color: var(--ink-soft); font-style: italic; margin: 0; line-height: 1.5; max-width: 40ch; }
.loc-row__right { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
.loc-row__open {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; letter-spacing: 0.06em;
  color: var(--ink-mute);
}
.loc-row__open .dot { width: 6px; height: 6px; background: var(--ink-mute); border-radius: 50%; }
.loc-row__open .dot.is-open { background: #c5a467; box-shadow: 0 0 0 3px rgba(197,164,103,0.18); }
.loc-row__ctas { display: flex; align-items: center; gap: 12px; }

.loc-explorer__empty {
  text-align: center; color: var(--ink-mute); padding: 48px; font-size: 14px;
}

.loc-explorer__map {
  position: sticky;
  top: calc(var(--nav-h) + 24px);
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  padding: 14px;
  box-shadow: var(--sh-3);
  overflow: hidden;
}


.loc-map {
  width: 100%;
  aspect-ratio: 4/5;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: #ffffff;
  position: relative;
}
.loc-map--tall { aspect-ratio: 21/9; }
@media (max-width: 760px) {
  .loc-map { aspect-ratio: 1/1; }
  .loc-map--tall { aspect-ratio: 4/3; }
}


.eb-pin {
  width: 28px; height: 28px;
  background: var(--clay);
  border: 2px solid var(--ivory);
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(197,164,103,0.20), 0 4px 12px rgba(197,164,103,0.18);
  transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out);
  cursor: pointer;
}
.eb-pin:hover, .eb-pin.is-hi {
  transform: scale(1.18);
  box-shadow: 0 0 0 10px rgba(197,164,103,0.28), 0 6px 18px rgba(19,36,59,0.22);
}


.leaflet-tile-pane { filter: saturate(0.78) brightness(1.02); }


.leaflet-popup-content-wrapper {
  border-radius: var(--r-md) !important;
  background: var(--ivory) !important;
  box-shadow: 0 14px 40px rgba(19,36,59,0.16) !important;
  padding: 4px 4px !important;
  border: 1px solid var(--line);
}
.leaflet-popup-content {
  margin: 14px 18px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  color: var(--ink-soft);
  line-height: 1.4 !important;
}
.leaflet-popup-content h4 {
  font-family: var(--font-display) !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: var(--ink) !important;
  margin: 0 0 4px !important;
  letter-spacing: -0.005em;
}
.leaflet-popup-content .eb-pop-addr {
  color: var(--ink-mute);
  font-size: 12.5px;
  margin: 0 0 10px;
}
.leaflet-popup-content .eb-pop-cta {
  display: inline-flex; align-items: center;
  background: var(--clay);
  color: var(--ivory) !important;
  padding: 8px 16px;
  border-radius: var(--r-pill);
  font-size: 13px;
  text-decoration: none !important;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin-top: 4px;
}
.leaflet-popup-content .eb-pop-cta:hover { background: var(--clay-deep); }
.leaflet-popup-tip { background: var(--ivory) !important; }


.loc-detail__tel {
  display: inline-block;
  padding: 10px 0;
  min-height: 40px;
  line-height: 1.5;
  color: var(--ink);
  border-bottom: 1px solid var(--line-deep);
}
.loc-detail__tel:hover { color: var(--green-ink); border-bottom-color: var(--clay); }
.leaflet-container a.leaflet-popup-close-button {
  color: var(--ink-mute) !important;
  font-size: 18px !important;
  padding: 6px 8px !important;
}
.leaflet-container { font-family: var(--font-body) !important; }
.leaflet-control-attribution {
  background: rgba(255,255,255,0.85) !important;
  font-size: 12px !important;
  color: var(--ink-faint) !important;
}
.leaflet-control-attribution a { color: var(--ink-mute) !important; }
.loc-pin { transition: transform .3s var(--ease-out); transform-origin: center; transform-box: fill-box; }
.loc-pin[data-hi="true"] { transform: scale(1.45); }
.loc-pin[data-hi="true"] circle:nth-child(1) { fill: rgba(197,164,103,0.35); }
.loc-explorer__legend {
  display: flex; align-items: center; gap: 18px;
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid var(--line-soft);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-mute);
}
.loc-explorer__legend .dot--clay { width: 8px; height: 8px; border-radius: 50%; background: var(--clay); display: inline-block; margin-right: 8px; }
.loc-explorer__legend-rule { flex: 1; height: 1px; background: var(--line); }


.loc-states__head { text-align: center; margin-bottom: 56px; }
.loc-states__h {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--ink);
}
.loc-states__list { border-top: 1px solid var(--line); }
.loc-state {
  border-bottom: 1px solid var(--line);
}
.loc-state__summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: baseline;
  gap: 20px;
  padding: 36px 8px;
  transition: background-color .2s var(--ease-out);
}
.loc-state__summary::-webkit-details-marker { display: none; }
.loc-state__summary::marker { content: ""; }
.loc-state__summary:hover { background: rgba(197,164,103,0.04); }
.loc-state__name {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(32px, 4.5vw, 48px);
  line-height: 1;
  letter-spacing: -0.012em;
  color: var(--ink);
}
.loc-state__count {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-mute);
  letter-spacing: 0.005em;
  align-self: center;
}
.loc-state__chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-mute);
  align-self: center;
  transition: transform .25s var(--ease-out), color .2s var(--ease-out);
}
.loc-state[open] > .loc-state__summary .loc-state__chev {
  transform: rotate(180deg);
  color: var(--ink);
}
.loc-state__body {
  padding: 0 8px 32px;
  display: grid;
  gap: 4px;
}
.loc-state-item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 20px 0;
  border-top: 1px solid var(--line-soft);
}
.loc-state-item:first-child { border-top: none; padding-top: 8px; }
.loc-state-item__name {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.005em;
  color: var(--ink);
  margin: 0 0 6px;
}
.loc-state-item__addr {
  font-size: 14.5px;
  color: var(--ink-soft);
  margin: 0 0 2px;
}
.loc-state-item__phone {
  font-size: 14px;
  color: var(--ink-mute);
  margin: 0;
  letter-spacing: 0.005em;
}
.loc-state-item__ctas {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
}
.loc-states__foot {
  margin-top: 48px;
  text-align: center;
}

@media (max-width: 700px) {
  .loc-state__summary { padding: 28px 4px; gap: 12px; }
  .loc-state__name { font-size: clamp(28px, 7.5vw, 36px); }
  .loc-state__count { font-size: 13.5px; }
  .loc-state__body { padding: 0 4px 24px; }
  .loc-state-item {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: flex-start;
  }
  .loc-state-item__ctas { width: 100%; }
}

@media (max-width: 1080px) {
  .loc-explorer__map { position: static; }
}
@media (max-width: 600px) {
  .loc-row { grid-template-columns: 1fr; }
  .loc-row__right { align-items: flex-start; }
  .loc-row__idx { font-size: 26px; width: 44px; padding-right: 12px; }
}


.tx-library { display: none; background: var(--ivory); }
@media (max-width: 900px) {
  .tx-library { display: block; }
  .tx-finder--desktop-only { display: none; }
}

.tx-library__head { max-width: 640px; margin-bottom: 24px; }
.tx-library__h {
  font-family: var(--font-display);
  font-size: clamp(34px, 9vw, 48px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.022em;
  margin: 10px 0 14px;
  max-width: 14ch;
}
.tx-library__sub {
  font-size: 15.5px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0;
  max-width: 38ch;
}
.tx-library__foot { margin-top: 32px; text-align: center; }
.tx-library__foot .btn { width: 100%; max-width: 320px; }

.tx-acc {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--line);
}
.tx-acc__item {
  border-bottom: 1px solid var(--line);
  background: var(--ivory);
  transition: background-color .25s var(--ease-out);
}
.tx-acc__item[data-open="true"] {
  background: var(--paper);
}

.tx-acc__head {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 22px 4px;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
  
  scroll-margin-top: 88px;
}
.tx-acc__num {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 400;
  color: var(--green-ink);
  letter-spacing: 0.04em;
  font-feature-settings: "lnum","tnum";
  align-self: start;
  padding-top: 6px;
  width: 28px;
  flex-shrink: 0;
}
.tx-acc__head-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tx-acc__label {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  color: var(--ink);
  letter-spacing: -0.008em;
  line-height: 1.15;
}
.tx-acc__preview {
  font-size: 14px;
  color: var(--ink-mute);
  font-style: italic;
  letter-spacing: 0.005em;
}
.tx-acc__item[data-open="true"] .tx-acc__preview { color: var(--green-ink); font-style: normal; font-weight: 500; }


.tx-acc__toggle {
  width: 34px; height: 34px;
  border-radius: var(--r-pill);
  border: 1px solid var(--line-deep);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  transition: background-color .2s var(--ease-out), border-color .2s var(--ease-out), transform .25s var(--ease-out);
}
.tx-acc__toggle::before, .tx-acc__toggle::after {
  content: "";
  position: absolute;
  background: var(--ink);
  border-radius: 1px;
}
.tx-acc__toggle::before { width: 13px; height: 1.5px; }
.tx-acc__toggle::after { width: 1.5px; height: 13px; transition: transform .25s var(--ease-out); }
.tx-acc__item[data-open="true"] .tx-acc__toggle { background: var(--clay); border-color: var(--clay); }
.tx-acc__item[data-open="true"] .tx-acc__toggle::before,
.tx-acc__item[data-open="true"] .tx-acc__toggle::after { background: var(--ivory); }
.tx-acc__item[data-open="true"] .tx-acc__toggle::after { transform: rotate(90deg); }


.tx-acc__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s var(--ease-soft);
  padding: 0;
}
.tx-acc__item[data-open="true"] .tx-acc__body {
  max-height: 2400px; 
  padding: 8px 0 28px;
}


.tx-acc__hero {
  display: block;
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .25s var(--ease-out);
  box-shadow: var(--sh-1);
}
.tx-acc__hero:hover { box-shadow: var(--sh-2); }
.tx-acc__hero-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--canvas-deep);
}
.tx-acc__hero-media img { width: 100%; height: 100%; object-fit: cover; }
.tx-acc__hero-badge {
  position: absolute;
  top: 12px; left: 12px;
  background: var(--ivory);
  color: var(--green-ink);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: var(--r-pill);
  font-weight: 500;
}
.tx-acc__hero-body { padding: 22px 22px 24px; }
.tx-acc__hero-eyebrow {
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--green-ink);
  display: block;
  margin-bottom: 10px;
}
.tx-acc__hero-name {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.012em;
  margin: 0 0 12px;
  color: var(--ink);
}
.tx-acc__hero-short {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0 0 18px;
}
.tx-acc__hero-facts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 12px;
  padding: 16px 0;
  margin: 0 0 18px;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
}
.tx-acc__hero-facts > div { display: flex; flex-direction: column; gap: 4px; }
.tx-acc__hero-facts dt {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-mute);
  margin: 0;
}
.tx-acc__hero-facts dd {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 400;
  color: var(--ink);
  margin: 0;
  letter-spacing: -0.005em;
  line-height: 1.15;
}
@media (max-width: 400px) {
  .tx-acc__hero-facts { grid-template-columns: 1fr; gap: 10px; padding: 14px 0; }
  .tx-acc__hero-facts > div { flex-direction: row; justify-content: space-between; align-items: baseline; }
  .tx-acc__hero-facts dt { letter-spacing: 0.1em; }
}
.tx-acc__hero-cta {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: var(--ink);
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}


.tx-acc__also-label {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-mute);
  margin: 22px 0 12px;
  font-weight: 500;
}
.tx-acc__mini {
  display: grid;
  grid-template-columns: 88px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 12px;
  margin-bottom: 8px;
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-md);
  text-decoration: none;
  color: inherit;
  transition: transform .25s var(--ease-out), border-color .2s var(--ease-out);
}
.tx-acc__mini:hover {
  transform: translateX(3px);
  border-color: var(--line);
}
.tx-acc__mini:last-child { margin-bottom: 0; }
.tx-acc__mini-media {
  width: 88px; height: 88px;
  border-radius: var(--r-sm);
  overflow: hidden;
  background: var(--canvas-deep);
}
.tx-acc__mini-media img { width: 100%; height: 100%; object-fit: cover; }
.tx-acc__mini-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tx-acc__mini-num {
  font-family: var(--font-display);
  font-size: 12px;
  color: var(--green-ink);
  letter-spacing: 0.04em;
}
.tx-acc__mini-name {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 400;
  color: var(--ink);
  letter-spacing: -0.005em;
  line-height: 1.2;
}
.tx-acc__mini-short {
  font-size: 12.5px;
  color: var(--ink-mute);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tx-acc__mini-arrow {
  font-size: 18px;
  color: var(--ink-faint);
  flex-shrink: 0;
  transition: transform .2s var(--ease-out), color .2s var(--ease-out);
}
.tx-acc__mini:hover .tx-acc__mini-arrow {
  transform: translateX(4px);
  color: var(--green-ink);
}
@media (max-width: 360px) {
  .tx-acc__mini { grid-template-columns: 72px 1fr auto; padding: 10px; }
  .tx-acc__mini-media { width: 72px; height: 72px; }
  .tx-acc__mini-name { font-size: 15px; }
}


.tx-finder {
  background: var(--ivory);
  position: relative;
  overflow: hidden;
}
.tx-finder::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(40% 30% at 80% 20%, rgba(19,36,59,0.04) 0%, transparent 70%),
    radial-gradient(35% 30% at 20% 80%, rgba(197,164,103,0.04) 0%, transparent 70%);
  pointer-events: none;
}
.tx-finder > .wrap { position: relative; z-index: 1; }
.tx-finder__head {
  max-width: 720px;
  margin-bottom: clamp(40px, 5vw, 72px);
}
.tx-finder__h {
  font-family: var(--font-display);
  font-size: clamp(34px, 4.4vw, 60px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.022em;
  margin: 12px 0 16px;
  max-width: 18ch;
}
.tx-finder__sub {
  font-size: var(--t-body-lg);
  color: var(--ink-soft);
  max-width: 56ch;
  margin: 0;
}

.tx-finder__stage {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: clamp(28px, 4vw, 60px);
  align-items: start;
}
@media (max-width: 1000px) {
  .tx-finder__stage { grid-template-columns: 1fr; }
}

.tx-finder__concerns {
  display: flex; flex-direction: column;
  border-top: 1px solid var(--line);
  list-style: none; padding: 0; margin: 0;
}


@media (max-width: 900px) {
  .tx-finder__head { margin-bottom: 12px; }

  
  .tx-finder__stage::before {
    content: "← Swipe to explore concerns →";
    display: block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--green-ink);
    font-weight: 500;
    margin: 0 0 10px;
    padding-top: 4px;
    animation: swipeHint 2.4s ease-in-out infinite;
  }
  @keyframes swipeHint {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 1; }
  }

  .tx-finder__concerns {
    display: flex !important;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    border-top: 0;
    margin: 0 calc(var(--gutter) * -1);
    padding: 6px var(--gutter) 14px;
    position: sticky;
    top: var(--nav-h);
    background: var(--ivory);
    z-index: 5;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 6px 14px -10px rgba(19,36,59,0.20);
    scrollbar-width: none;
  }
  .tx-finder__concerns::-webkit-scrollbar { display: none; }
  .tx-finder__concerns li { scroll-snap-align: start; flex-shrink: 0; list-style: none; }
  .tx-finder__concern {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
    width: auto;
    min-width: 0;
    height: 44px;
    padding: 0 22px !important;
    background: #ffffff;
    border: 1px solid var(--ink) !important;
    border-radius: var(--r-pill);
    white-space: nowrap;
    color: var(--ink);
    box-shadow: 0 1px 2px rgba(19,36,59,0.05);
    cursor: pointer;
    line-height: 1;
    font-feature-settings: "ss01";
  }
  .tx-finder__concern:hover {
    padding-left: 22px;
    background: #ffffff;
  }
  
  .tx-finder__concern[data-active="true"] {
    padding-left: 22px !important;
    background: var(--clay) !important;
    color: var(--ink) !important;
    border-color: var(--clay) !important;
    box-shadow: 0 6px 18px rgba(197,164,103,0.32);
  }
  .tx-finder__concern[data-active="true"] .tx-finder__concern-label,
  .tx-finder__concern[data-active="true"] .tx-finder__concern-mono {
    color: var(--ink) !important;
  }
  .tx-finder__concern-mono { display: none; }
  .tx-finder__concern-label {
    font-family: var(--font-body);
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 0;
    color: inherit;
    line-height: 1;
  }
  .tx-finder__concern-arrow { display: none; }
  .tx-finder__panel { gap: var(--s-4); margin-top: var(--s-5); }
  .tx-hero-card__name { font-size: 28px; }
  .tx-hero-card__media { aspect-ratio: 4/3; }
}
@media (max-width: 380px) {
  .tx-finder__concern { height: 46px; padding: 0 18px; }
  .tx-finder__concern-label { font-size: 14px; }
}


@media (max-width: 900px) {
  .tx-finder__panel {
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    gap: 14px !important;
    padding: 0 var(--gutter) !important;
    margin: var(--s-5) calc(var(--gutter) * -1) 0 !important;
    scrollbar-width: none;
  }
  .tx-finder__panel::-webkit-scrollbar { display: none; }
  .tx-finder__panel > .tx-hero-card,
  .tx-finder__panel > .tx-support-card {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  
  .tx-finder__panel > .tx-hero-card {
    flex: 0 0 86vw;
    max-width: 380px;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
  .tx-finder__panel > .tx-support-card {
    flex: 0 0 86vw;
    max-width: 380px;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    overflow: hidden;
    border-radius: var(--r-xl);
    background: var(--paper);
    border: 1px solid var(--line);
    grid-template-columns: none;
    grid-template-rows: none;
  }
  .tx-finder__panel > .tx-support-card:hover { transform: none; box-shadow: var(--sh-2); }
  .tx-finder__panel > .tx-support-card .tx-support-card__media {
    width: 100% !important;
    height: 220px !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    order: -1 !important;
    flex: 0 0 220px !important;
  }
  .tx-finder__panel > .tx-support-card .tx-support-card__media img {
    width: 100%; height: 100%; object-fit: cover;
  }
  .tx-finder__panel > .tx-support-card .tx-support-card__body {
    padding: 22px 22px 24px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
    order: 1 !important;
  }
  .tx-finder__panel > .tx-support-card .tx-support-card__num {
    display: block !important;
    order: 2 !important;
    position: absolute;
    top: 14px; left: 18px;
    background: rgba(255,255,255,0.94);
    padding: 5px 12px;
    border-radius: var(--r-pill);
    font-size: 12px;
    z-index: 2;
    color: var(--green-ink);
    letter-spacing: 0.14em;
    width: auto !important;
    text-transform: uppercase;
    font-weight: 500;
  }
  .tx-finder__panel > .tx-support-card { position: relative; }
  .tx-finder__panel > .tx-support-card .tx-support-card__name {
    font-size: 26px;
    margin-bottom: 4px;
  }
  .tx-finder__panel > .tx-support-card .tx-support-card__short {
    font-size: 14.5px;
    color: var(--ink-soft);
  }
  .tx-finder__panel > .tx-support-card .text-link {
    font-size: 14px;
    margin-top: auto;
    align-self: flex-start;
  }
  .tx-hero-card__meta { gap: 10px 16px; }

  
  .tx-finder__stage { position: relative; }
  .tx-finder__stage::after {
    content: "";
    position: absolute;
    top: 0; bottom: 60px;
    right: 0;
    width: 36px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--ivory));
    z-index: 1;
  }
}


.tx-finder__dots {
  display: none;
}
@media (max-width: 900px) {
  .tx-finder__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
  }
  .tx-finder__dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: rgba(197,164,103,0.18);
    transition: all .2s var(--ease-out);
  }
  .tx-finder__dot[data-active="true"] {
    background: var(--clay);
    width: 24px;
    border-radius: 4px;
  }
}
.tx-finder__concern {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 18px 4px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  text-align: left;
  cursor: pointer;
  transition: padding .25s var(--ease-out), background-color .2s var(--ease-out);
}
.tx-finder__concern:hover {
  padding-left: 12px;
  background: linear-gradient(90deg, rgba(197,164,103,0.04), transparent 70%);
}
.tx-finder__concern[data-active="true"] {
  padding-left: 12px;
  background: linear-gradient(90deg, rgba(197,164,103,0.06), transparent 80%);
}
.tx-finder__concern-mono {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 400;
  color: var(--green-ink);
  letter-spacing: 0.04em;
  font-feature-settings: "lnum","tnum";
}
.tx-finder__concern-label {
  font-family: var(--font-display);
  font-size: clamp(18px, 1.5vw, 22px);
  font-weight: 400;
  letter-spacing: -0.006em;
  color: var(--ink);
}
.tx-finder__concern-arrow {
  font-size: 18px;
  color: var(--ink-faint);
  opacity: 0;
  transform: translateX(-4px);
  transition: all .25s var(--ease-out);
}
.tx-finder__concern:hover .tx-finder__concern-arrow,
.tx-finder__concern[data-active="true"] .tx-finder__concern-arrow {
  opacity: 1; transform: translateX(0); color: var(--green-ink);
}

.tx-finder__panels { display: grid; min-height: 540px; }

.tx-finder__panel {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(16px, 2vw, 24px) clamp(20px, 2.5vw, 36px);
  opacity: 0; transform: translateY(8px);
  transition: opacity .45s var(--ease-soft), transform .45s var(--ease-soft);
  grid-area: 1 / 1;
}
.tx-finder__panel > .tx-hero-card {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.tx-finder__panel > .tx-support-card:nth-of-type(2) { grid-column: 2; grid-row: 1; }
.tx-finder__panel > .tx-support-card:nth-of-type(3) { grid-column: 2; grid-row: 2; }

.tx-finder__panel[data-active="true"] {
  opacity: 1; transform: none;
  position: relative;
}
.tx-finder__panel:not([data-active="true"]) {
  pointer-events: none;
  visibility: hidden;
}
@media (max-width: 900px) {
  .tx-finder__panels { min-height: auto; }
}

.tx-hero-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .4s var(--ease-out), box-shadow .4s var(--ease-out);
  text-decoration: none;
  color: inherit;
}
.tx-hero-card:hover { transform: translateY(-4px); box-shadow: var(--sh-3); }
.tx-hero-card__media {
  position: relative;
  aspect-ratio: 16 / 11;
  overflow: hidden;
  background: var(--canvas-deep);
}
.tx-hero-card__media img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .8s var(--ease-out);
}
.tx-hero-card:hover .tx-hero-card__media img { transform: scale(1.04); }
.tx-hero-card__badge {
  position: absolute; top: 14px; left: 14px;
  background: var(--ivory);
  color: var(--green-ink);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: var(--r-pill);
  font-weight: 500;
}
.tx-hero-card__body {
  padding: clamp(20px, 2vw, 32px);
  display: flex; flex-direction: column; gap: 12px;
  flex: 1;
}
.tx-hero-card__num {
  font-family: var(--font-display);
  font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--green-ink);
}
.tx-hero-card__name {
  font-family: var(--font-display);
  font-size: clamp(26px, 2.4vw, 36px);
  font-weight: 400;
  margin: 0;
  letter-spacing: -0.012em;
  color: var(--ink);
}
.tx-hero-card__short {
  font-size: 15.5px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0;
}
.tx-hero-card__meta {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 18px;
  padding: 14px 0 4px;
  border-top: 1px solid var(--line-soft);
  margin-top: 8px;
}
.tx-hero-card__meta span {
  font-size: 12px; color: var(--ink-mute); letter-spacing: 0.02em;
  display: block;
}
.tx-hero-card__meta strong {
  display: block;
  font-family: var(--font-display);
  font-size: 16px; font-weight: 400; color: var(--ink);
  margin-bottom: 4px;
  letter-spacing: -0.005em;
}
.tx-hero-card__meta span {
  font-size: 12px; color: var(--ink-mute); letter-spacing: 0.12em;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .tx-hero-card__meta { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 380px) {
  .tx-hero-card__meta { grid-template-columns: 1fr; gap: 10px; }
}
.tx-hero-card .text-link { margin-top: auto; align-self: flex-start; }

.tx-finder__supports {
  display: flex; flex-direction: column; gap: var(--s-4);
}
.tx-support-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 16px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  text-decoration: none;
  color: inherit;
  transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out);
}
.tx-support-card:hover { transform: translateY(-2px); box-shadow: var(--sh-2); }
.tx-support-card__num {
  font-family: var(--font-display);
  font-size: 13px;
  color: var(--green-ink);
  letter-spacing: 0.04em;
  width: 24px;
}
.tx-support-card__body { display: flex; flex-direction: column; gap: 4px; }
.tx-support-card__name {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 400;
  margin: 0;
  letter-spacing: -0.004em;
  color: var(--ink);
}
.tx-support-card__short {
  font-size: 14px;
  color: var(--ink-mute);
  margin: 0;
  line-height: 1.45;
}
.tx-support-card .text-link { margin-top: 4px; font-size: 14px; }
.tx-support-card__media {
  width: 92px; height: 92px;
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--canvas-deep);
  flex-shrink: 0;
}
.tx-support-card__media img { width: 100%; height: 100%; object-fit: cover; }


.tx-finder__foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: clamp(36px, 4vw, 56px);
  padding-top: var(--s-5);
  border-top: 1px solid var(--line);
  font-size: 14px;
  color: var(--ink-mute);
}
@media (max-width: 600px) {
  .tx-finder__foot { flex-direction: column; gap: 12px; align-items: flex-start; }
}


.team-lead { background: var(--parchment); }
.team-lead__head {
  display: grid; grid-template-columns: 1fr auto;
  align-items: end; gap: var(--s-5);
  margin-bottom: clamp(36px, 4.5vw, 64px);
}
.team-lead__h {
  font-family: var(--font-display);
  font-size: clamp(34px, 4.4vw, 60px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.022em;
  margin: 12px 0 0;
  max-width: 18ch;
}
@media (max-width: 760px) { .team-lead__head { grid-template-columns: 1fr; } }

.team-lead__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: clamp(24px, 3vw, 48px);
  align-items: stretch;
}
@media (max-width: 1000px) { .team-lead__grid { grid-template-columns: 1fr; } }

.team-lead__primary {
  display: block;
  border-radius: var(--r-xl);
  overflow: hidden;
  position: relative;
  text-decoration: none;
  color: inherit;
  background: var(--ink);
}
.team-lead__primary-media {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
.team-lead__primary-media img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .8s var(--ease-out);
  filter: saturate(0.95);
}
.team-lead__primary:hover .team-lead__primary-media img { transform: scale(1.03); }
.team-lead__primary-overlay {
  position: absolute;
  inset: 0;
  display: flex; flex-direction: column;
  justify-content: flex-end;
  padding: clamp(24px, 3vw, 44px);
  color: var(--ivory);
  background: linear-gradient(180deg, rgba(197,164,103,0) 30%, rgba(197,164,103,0.92) 100%);
}
.team-lead__role {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  margin-bottom: 10px;
}
.team-lead__name {
  font-family: var(--font-display);
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.014em;
  margin: 0 0 10px;
  color: var(--ivory);
}
.team-lead__creds {
  font-size: 12.5px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.7);
  margin: 0 0 16px;
  text-transform: uppercase;
}
.team-lead__quote {
  font-family: var(--font-display);
  font-size: clamp(15px, 1.3vw, 18px);
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255,255,255,0.92);
  font-style: italic;
  margin: 0 0 18px;
  max-width: 44ch;
}
.text-link--light { color: var(--ivory) !important; border-bottom-color: rgba(255,255,255,0.5); }

.team-lead__supports {
  display: flex; flex-direction: column;
  gap: 14px;
  list-style: none; padding: 0; margin: 0;
}
.team-lead__support {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 14px 18px 14px 14px;
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  text-decoration: none;
  color: inherit;
  transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .2s var(--ease-out);
}
.team-lead__support:hover {
  transform: translateX(4px);
  box-shadow: var(--sh-2);
  border-color: var(--line);
}
.team-lead__support-media {
  width: 100px; height: 120px;
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--canvas-deep);
}
.team-lead__support-media img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.team-lead__support-body { display: flex; flex-direction: column; gap: 3px; }
.team-lead__support-num {
  font-family: var(--font-display);
  font-size: 13px;
  color: var(--green-ink);
  letter-spacing: 0.04em;
}
.team-lead__support-name {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  margin: 0;
  letter-spacing: -0.006em;
  color: var(--ink);
}
.team-lead__support-role {
  font-size: 14px;
  color: var(--ink-mute);
}
.team-lead__support-cred {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--green-ink);
  margin-top: 6px;
  font-weight: 500;
}
.team-lead__support-arrow {
  font-size: 20px;
  color: var(--ink-faint);
  transition: transform .25s var(--ease-out), color .2s var(--ease-out);
}
.team-lead__support:hover .team-lead__support-arrow {
  transform: translateX(4px);
  color: var(--green-ink);
}
@media (max-width: 480px) {
  .team-lead__support { grid-template-columns: 80px 1fr auto; padding: 10px 14px 10px 10px; }
  .team-lead__support-media { width: 80px; height: 96px; }
  .team-lead__support-name { font-size: 19px; }
}

.team-lead__strip {
  display: flex; align-items: center; justify-content: center;
  gap: clamp(20px, 3vw, 40px);
  margin-top: clamp(40px, 5vw, 64px);
  padding: 22px clamp(24px, 4vw, 56px);
  background: #c5a467;
  border-radius: var(--r-xl);
  flex-wrap: wrap;
}
.team-lead__strip-item {
  font-size: 14px;
  color: var(--ink);
  letter-spacing: 0.03em;
}
.team-lead__strip-item strong {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  color: var(--ink);
  margin-right: 8px;
  letter-spacing: -0.005em;
}
.team-lead__strip-divider {
  width: 1px; height: 24px;
  background: rgba(19,36,59,0.22);
}


.enterprise {
  background: var(--parchment);
  position: relative;
  overflow: hidden;
}
.enterprise::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(40% 35% at 12% 18%, rgba(19,36,59,0.05) 0%, transparent 70%),
    radial-gradient(35% 30% at 88% 82%, rgba(197,164,103,0.05) 0%, transparent 70%);
  pointer-events: none;
}
.enterprise > .wrap { position: relative; z-index: 1; }
.enterprise__head {
  max-width: 720px;
  margin-bottom: clamp(36px, 4.5vw, 64px);
}
.enterprise__h {
  font-family: var(--font-display);
  font-size: clamp(34px, 4.4vw, 60px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.022em;
  margin: 12px 0 16px;
  max-width: 18ch;
}
.enterprise__sub {
  font-size: var(--t-body-lg);
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0;
  max-width: 60ch;
}
.enterprise__grid {
  list-style: none; padding: 0; margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 2vw, 24px);
}
@media (max-width: 1080px) { .enterprise__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .enterprise__grid { grid-template-columns: 1fr; } }
.enterprise__card {
  background: var(--ivory);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  padding: clamp(22px, 2.4vw, 32px);
  display: flex; flex-direction: column; gap: 12px;
  transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out);
}
.enterprise__card:hover { transform: translateY(-3px); box-shadow: var(--sh-2); }
.enterprise__num {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 400;
  color: var(--green-ink);
  letter-spacing: 0.14em;
}
.enterprise__card-h {
  font-family: var(--font-display);
  font-size: clamp(20px, 1.8vw, 24px);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -0.006em;
  margin: 0;
  color: var(--ink);
}
.enterprise__card-body {
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0;
}
.enterprise__strip {
  display: flex; align-items: center; justify-content: center;
  gap: clamp(20px, 3vw, 40px);
  margin-top: clamp(40px, 5vw, 64px);
  padding: 22px clamp(24px, 4vw, 56px);
  background: var(--teal);
  border-radius: var(--r-xl);
  flex-wrap: wrap;
  color: var(--ivory);
}
.enterprise__strip-item {
  font-size: 13px;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.78);
  display: inline-flex; align-items: baseline; gap: 8px;
}
.enterprise__strip-item strong {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 400;
  color: var(--ivory);
  letter-spacing: -0.005em;
}
.enterprise__strip-divider {
  width: 1px; height: 28px;
  background: rgba(255,255,255,0.22);
}


.tag-row { display: flex; flex-wrap: wrap; gap: 8px; }
.tag {
  font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ink-mute);
  background: var(--parchment);
  border: 1px solid var(--line-soft);
  padding: 4px 10px; border-radius: var(--r-pill);
}
.kicker {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ink-mute);
}
.kicker::before { content: ""; width: 22px; height: 1px; background: var(--ink-mute); }

.banner-cta {
  background: var(--ink);
  color: var(--ivory);
  border-radius: var(--r-xl);
  padding: clamp(40px, 5vw, 80px);
  display: grid;
  grid-template-columns: 1.4fr auto;
  gap: var(--s-5);
  align-items: center;
}
@media (max-width: 760px) { .banner-cta { grid-template-columns: 1fr; } }
.banner-cta h2 { color: var(--ivory); margin: 0; max-width: 18ch; }
.banner-cta p { color: rgba(255,255,255,0.72); max-width: 44ch; margin: var(--s-3) 0 0; }


.provider-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(28px, 4vw, 56px);
}
@media (max-width: 880px) {
  .provider-meta-grid { grid-template-columns: 1fr; gap: var(--s-6); }
}


.trust-strip-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-4);
  margin-top: var(--s-7);
}
@media (max-width: 760px) {
  .trust-strip-3 { grid-template-columns: 1fr; }
}


@media (max-width: 760px) {
  .finder .finder__top { flex-direction: column; align-items: stretch; }
  .finder .finder__top .loc-search { flex: 0 0 auto; max-width: none; }
}


.map-block {
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(50% 50% at 30% 30%, rgba(197,164,103,0.08) 0%, transparent 60%),
    radial-gradient(40% 40% at 70% 70%, rgba(197,164,103,0.10) 0%, transparent 60%),
    repeating-linear-gradient(0deg, rgba(19,36,59,0.04), rgba(19,36,59,0.04) 1px, transparent 1px, transparent 32px),
    repeating-linear-gradient(90deg, rgba(19,36,59,0.04), rgba(19,36,59,0.04) 1px, transparent 1px, transparent 32px),
    var(--parchment);
  border-radius: var(--r-lg);
  position: relative;
  border: 1px solid var(--line);
}
.map-block::after {
  content: "•"; position: absolute;
  top: 46%; left: 38%;
  font-size: 28px; color: var(--green-ink);
}
.map-pin {
  position: absolute;
  width: 18px; height: 18px;
  border-radius: var(--r-pill);
  background: var(--clay);
  box-shadow: 0 0 0 6px rgba(197,164,103,0.16);
}


.txt-center { text-align: center; }
.mt-3 { margin-top: var(--s-3); }
.mt-4 { margin-top: var(--s-4); }
.mt-5 { margin-top: var(--s-5); }
.mt-6 { margin-top: var(--s-6); }
.mt-7 { margin-top: var(--s-7); }
.mb-3 { margin-bottom: var(--s-3); }
.mb-4 { margin-bottom: var(--s-4); }
.mb-5 { margin-bottom: var(--s-5); }
.mb-6 { margin-bottom: var(--s-6); }


.page-hero {
  padding: clamp(110px, 14vw, 160px) 0 clamp(40px, 6vw, 80px);
  background: linear-gradient(180deg, var(--parchment) 0%, var(--cream) 100%);
}
.page-hero__eyebrow { color: var(--ink-mute); font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; margin-bottom: var(--s-3); }
.page-hero__h {
  font-family: var(--font-display);
  font-size: clamp(40px, 6vw, 84px);
  font-weight: 500;
  line-height: 1; letter-spacing: -0.024em;
  margin: 0;
  max-width: 18ch;
}
.page-hero__sub {
  font-size: var(--t-body-lg);
  color: var(--ink-soft);
  margin-top: var(--s-5);
  max-width: 56ch;
}


.dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; display: inline-block; }
.rule { display: block; width: 60px; height: 1px; background: var(--ink); margin: 0 auto var(--s-5); }


.hero__ctas--stack {
  flex-direction: column;
  align-items: stretch;
}
.hero__ctas--stack .btn {
  width: 100%;
  text-align: center;
  justify-content: center;
}
@media (min-width: 761px) {
  
  .hero__ctas--stack {
    flex-direction: row;
    align-items: center;
  }
  .hero__ctas--stack .btn {
    width: auto;
  }
}


.trust-bar {
  background: var(--canvas-deep, #ffffff);
  border-top: 1px solid var(--line-soft, rgba(19,36,59,0.06));
  border-bottom: 1px solid var(--line-soft, rgba(19,36,59,0.06));
  padding: clamp(28px, 4vw, 48px) 0;
}
.trust-bar__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 3vw, 48px);
  text-align: center;
}
.trust-bar__list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.trust-bar__list strong {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(22px, 2.4vw, 32px);
  letter-spacing: -0.01em;
  color: var(--ink, #13243b);
  line-height: 1;
}
.trust-bar__list span {
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-mute, rgba(19,36,59,0.55));
}
@media (max-width: 760px) {
  .trust-bar { padding: 28px 0; }
  .trust-bar__list { grid-template-columns: repeat(2, 1fr); gap: 22px 18px; }
  .trust-bar__list strong { font-size: 22px; }
  .trust-bar__list span { font-size: 12px; letter-spacing: 0.12em; }
}


.nav__logo .logo-img {
  height: 38px;
  width: auto;
  display: block;
}
.footer-brand .logo-img {
  height: 38px;
  width: auto;
  display: block;
  margin-bottom: 18px;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
@media (max-width: 760px) {
  .nav__logo .logo-img { height: 32px; }
}




.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--s-6);
  margin-top: var(--s-7);
}
.review-card {
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: var(--s-6);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.review-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--sh-2);
  border-color: #ffffff;
}
.review-card__quote {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink);
  margin: 0 0 var(--s-5);
  position: relative;
  z-index: 1;
  letter-spacing: -0.005em;
}
.review-card__attrib {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: auto 0 0;
  padding-top: var(--s-4);
  border-top: 1px solid var(--line-soft);
  font-family: var(--font-body);
  font-size: 14px;
}
.review-card__attrib strong {
  font-weight: 600;
  color: var(--ink);
  font-size: 15px;
}
.review-card__attrib span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink-mute);
  font-size: 14px;
  letter-spacing: 0.01em;
}
.review-card__attrib .g-mark { width: 14px; height: 14px; flex: 0 0 auto; }


.rev-stars { display: inline-flex; align-items: center; gap: 3px; line-height: 0; }
.review-card .rev-stars { margin-bottom: var(--s-4); }
.star { width: 18px; height: 18px; flex: 0 0 auto; display: block; }
.star path { fill: #ffffff; }

.star--on path { fill: #89652e; }


.gsum {
  max-width: 540px;
  margin: 0 auto var(--s-7);
  background: var(--ivory);
  border: 1px solid var(--line);
  border-top: 3px solid #c5a467;
  border-radius: var(--r-lg);
  padding: var(--s-6) var(--s-7);
  box-shadow: var(--sh-2);
  text-align: center;
}
.gsum__head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-mute);
}
.gsum__head .g-mark { width: 18px; height: 18px; flex: 0 0 auto; }
.gsum__body {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-6);
  flex-wrap: wrap;
  margin: var(--s-5) 0 var(--s-4);
}
.gsum__score { display: inline-flex; align-items: baseline; gap: 6px; }
.gsum__num {
  font-family: var(--font-display);
  font-size: 60px;
  line-height: 0.9;
  font-weight: 600;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.gsum__out { font-size: 17px; color: var(--ink-mute); }
.star-meter { position: relative; display: inline-flex; line-height: 0; }
.star-meter .star { width: 28px; height: 28px; }
.star-meter__track { display: inline-flex; gap: 3px; }
.star-meter__fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  gap: 3px;
  overflow: hidden;
  white-space: nowrap;
}
.gsum__label { margin: 0 0 var(--s-5); font-size: 15px; color: var(--ink-mute); }
.gsum__label .gsum__count { font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.gsum__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 4px 2px;
  font-weight: 600;
  font-size: 14px;
  color: var(--green-ink);
  text-decoration: none;
}
.gsum__link:hover { text-decoration: underline; }
.gsum__link svg { transition: transform 0.25s ease; }
.gsum__link:hover svg { transform: translateX(3px); }


.single-loc {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: var(--s-8);
  margin-top: var(--s-7);
  align-items: stretch;
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  overflow: hidden;
}
.single-loc__info {
  padding: var(--s-7) var(--s-7);
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}
.single-loc__name {
  font-family: var(--font-display);
  font-size: var(--t-h3);
  font-weight: 500;
  letter-spacing: -0.012em;
  color: var(--ink);
  margin: 0;
}
.single-loc__addr {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink-soft);
  margin: 0;
}
.single-loc__phone {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}
.single-loc__phone a {
  color: var(--green-ink);
  text-decoration: none;
}
.single-loc__phone a:hover { text-decoration: underline; }
.single-loc__hours {
  display: grid;
  grid-template-columns: minmax(92px, auto) 1fr;
  gap: 6px var(--s-5);
  margin: 0;
  padding-top: var(--s-4);
  border-top: 1px solid var(--line-soft);
  font-family: var(--font-body);
  font-size: 14px;
}
.single-loc__hours dd { white-space: nowrap; }
.single-loc__hours div {
  display: contents;
}
.single-loc__hours dt {
  font-weight: 600;
  color: var(--ink);
}
.single-loc__hours dd {
  color: var(--ink-soft);
  margin: 0;
}
.single-loc__ctas {
  display: flex;
  gap: var(--s-3);
  margin-top: var(--s-4);
  flex-wrap: wrap;
}
.single-loc__map {
  position: relative;
  min-height: 420px;
  background: var(--line-soft);
}
.single-loc__map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 880px) {
  .single-loc {
    grid-template-columns: 1fr;
  }
  .single-loc__info {
    padding: var(--s-6) var(--s-5);
  }
  .single-loc__map {
    min-height: 320px;
    order: -1;
  }
}


.staff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: var(--s-5) var(--s-4);
  margin-top: var(--s-6);
}
.staff-card {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  text-align: center;
  transition: transform 0.3s ease;
}
.staff-card:hover {
  transform: translateY(-2px);
}
.staff-card__photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--r-pill);
  background: var(--line-soft);
  box-shadow: var(--sh-1);
}

.staff-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
  transition: transform 0.6s ease;
}
.staff-card:hover .staff-card__photo img {
  transform: scale(1.04);
}
.staff-card__photo--soon {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(160deg, var(--blush), #ffffff);
}
.staff-card__initial {
  font-family: var(--font-display);
  font-size: clamp(30px, 7vw, 46px);
  font-weight: 500;
  color: var(--green-ink);
  line-height: 1;
}
.staff-card__name {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.008em;
  color: var(--ink);
  margin: 0;
}
.staff-card__role {
  font-family: var(--font-body);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-mute);
}
@media (max-width: 480px) {
  .staff-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s-4) var(--s-3);
  }
  .staff-card__name { font-size: 14px; }
  .staff-card__role { font-size: 13px; }
}


.provider-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--s-5);
  margin-top: var(--s-6);
}


.pillar {
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: var(--s-6) var(--s-6);
  transition: transform 0.3s ease, border-color 0.3s ease;
}
.pillar:hover {
  transform: translateY(-3px);
  border-color: var(--clay-soft);
}
.pillar__num {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--green-ink);
  font-weight: 600;
  margin-bottom: var(--s-4);
}
.pillar h3, .pillar h4 {
  font-family: var(--font-display);
  font-size: var(--t-h3);
  font-weight: 500;
  letter-spacing: -0.012em;
  color: var(--ink);
  margin: 0 0 var(--s-3);
  line-height: 1.2;
}
.pillar p {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
}


.provider-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-7);
}
@media (max-width: 880px) {
  .provider-meta-grid {
    grid-template-columns: 1fr;
    gap: var(--s-6);
  }
}


.benefit-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--s-5);
  margin-top: var(--s-6);
}
.benefit {
  background: var(--ivory);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: var(--s-6);
  transition: transform 0.3s ease;
}
.benefit:hover { transform: translateY(-3px); }
.benefit__num {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--green-ink);
  font-weight: 600;
  margin-bottom: var(--s-3);
}
.benefit h3 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.012em;
  color: var(--ink);
  margin: 0 0 var(--s-3);
  line-height: 1.25;
}
.benefit p {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
}


.tx-hero__crumbs {
  font-family: var(--font-body);
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-mute);
  margin: 0 0 var(--s-4);
}
.tx-hero__crumbs a {
  color: var(--ink-mute);
  text-decoration: none;
}
.tx-hero__crumbs @media (hover: hover) { a:hover { color: var(--green-ink); } }


.trust-bar {
  background: var(--ivory);
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  padding: var(--s-6) 0;
}
.trust-bar__list {
  display: flex;
  justify-content: space-around;
  gap: var(--s-5);
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.trust-bar__list li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  text-align: center;
  flex: 1 1 0;
  min-width: 100px;
}
.trust-bar__list strong {
  font-family: var(--font-display);
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 500;
  color: var(--green-ink);
  letter-spacing: -0.012em;
  line-height: 1;
}
.trust-bar__list span {
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-mute);
  font-weight: 500;
}
@media (max-width: 760px) {
  .trust-bar {
    padding: var(--s-5) 0;
  }
  .trust-bar__list {
    gap: var(--s-4);
    justify-content: center;
  }
  .trust-bar__list li {
    min-width: 130px;
  }
}


.section {
  padding: clamp(48px, 6vw, 88px) 0;
}
.section--cream { background: var(--cream-warm); }
.section--ivory { background: var(--ivory); }
.section--parchment { background: var(--parchment); }


.page-hero__h em,
.display-3 em,
.display-2 em,
.display-1 em,
.tx-library__h em,
.tx-finder__h em,
.loc-states__h em,
.team-lead__h em,
.enterprise__h em {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--ink);
  font-weight: 400;
}


.sec-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--s-6);
  margin-bottom: var(--s-7);
  flex-wrap: wrap;
}
.sec-head > div {
  max-width: 60ch;
}
@media (max-width: 760px) {
  .sec-head {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-4);
    margin-bottom: var(--s-6);
  }
}


.hero__sub--desktop-only {
  display: none;
}
@media (min-width: 760px) {
  .hero__sub--desktop-only {
    display: block;
  }
}


.banner-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--s-6);
  align-items: center;
  background: var(--cream-warm);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  padding: var(--s-7);
}
.banner-cta h2 {
  font-family: var(--font-display);
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 400;
  letter-spacing: -0.014em;
  color: var(--ink);
  margin: 0 0 var(--s-3);
  line-height: 1.2;
}
.banner-cta p {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
  max-width: 60ch;
}
@media (max-width: 760px) {
  .banner-cta {
    grid-template-columns: 1fr;
    padding: var(--s-6);
  }
  .banner-cta h2 {
    font-size: 26px;
  }
}


.lede {
  font-family: var(--font-body);
  font-size: 19px;
  line-height: 1.55;
  color: var(--ink);
  margin: 0;
  font-weight: 400;
}


.sec-head__sub {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
  max-width: 56ch;
}


.display-3 {
  font-family: var(--font-display);
  font-size: var(--t-display-3);
  font-weight: 600;
  letter-spacing: -0.018em;
  line-height: 1.06;
  color: var(--ink);
}


.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-8);
  align-items: center;
}
.split__media {
  border-radius: var(--r-xl);
  overflow: hidden;
  aspect-ratio: 5/4;
  background: var(--line-soft);
}
@media (max-width: 880px) {
  .split {
    grid-template-columns: 1fr;
    gap: var(--s-6);
  }
}


.mt-3 { margin-top: var(--s-3); }
.mt-4 { margin-top: var(--s-4); }
.mt-5 { margin-top: var(--s-5); }


.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-3);
}


.txt-center { text-align: center; }


.kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--green-ink);
  font-weight: 600;
}
.kicker::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--clay);
}


.label {
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-mute);
  font-weight: 600;
  display: block;
  margin-bottom: var(--s-3);
}


.wrap-narrow {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 max(var(--s-5), 4vw);
}


.wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 max(var(--s-5), 4vw);
}


@media (max-width: 760px) {
  
  body[data-has-hero] .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 0;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  }
  
  body[data-has-hero] .site-header::before {
    content: "";
    position: absolute;
    inset: 0 0 -32px 0;
    background: linear-gradient(to bottom, rgba(19,36,59,0.32) 0%, rgba(19,36,59,0.18) 60%, rgba(19,36,59,0) 100%);
    pointer-events: none;
    z-index: -1;
    transition: opacity 0.3s ease;
  }
  
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__burger span,
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__burger span::before,
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__burger span::after {
    background: #ffffff;
  }
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__burger {
    border-color: rgba(255,255,255,0.55);
  }
  
  body[data-has-hero] .site-header[data-scrolled="true"] {
    background: rgba(19,36,59,1);
    border-bottom: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 2px 10px rgba(19,36,59,0.08);
  }
  body[data-has-hero] .site-header[data-scrolled="true"]::before {
    opacity: 0;
  }
  
  body[data-has-hero] .hero {
    padding-top: 0;
  }
}


body:not([data-has-hero]) .site-header {
  background: rgba(19,36,59,1);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}


@media (max-width: 760px) {
  body[data-has-hero] .hero__inner {
    padding-top: calc(var(--nav-h) + clamp(20px, 5vw, 40px));
  }
  
  body[data-has-hero] .hero {
    
    min-height: 100dvh;
  }
}


@media (min-width: 761px) {
  body[data-has-hero] .site-header {
    position: fixed; top: 0; left: 0; right: 0;
    background: transparent;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    border-bottom: 0;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  }
  body[data-has-hero] .site-header::before {
    content: ""; position: absolute; inset: 0 0 -48px 0;
    background: linear-gradient(to bottom, rgba(19,36,59,0.42) 0%, rgba(19,36,59,0.18) 55%, rgba(19,36,59,0) 100%);
    pointer-events: none; z-index: -1; transition: opacity 0.3s ease;
  }
  
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__link,
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__link:hover,
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__link[data-active="true"] {
    color: #ffffff;
  }
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__burger span,
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__burger span::before,
  body[data-has-hero] .site-header:not([data-scrolled="true"]) .nav__burger span::after {
    background: #ffffff;
  }
  
  body[data-has-hero] .site-header[data-scrolled="true"] {
    background: rgba(19,36,59,1);
    border-bottom: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 2px 10px rgba(19,36,59,0.10);
  }
  body[data-has-hero] .site-header[data-scrolled="true"]::before { opacity: 0; }
  
  body[data-has-hero] .hero { padding-top: 0; }
  body[data-has-hero] .hero__inner {
    padding-top: calc(var(--nav-h) + clamp(28px, 4vw, 64px));
  }
}


@media (min-width: 761px) {
  .hero__ctas {
    gap: var(--s-5);  
    margin-top: var(--s-4);
  }
  .hero__ctas--stack {
    gap: var(--s-5);
  }
}


@media (max-width: 760px) {
  .hero__ctas {
    gap: var(--s-3);  
    margin-top: var(--s-4);
  }
  .hero__ctas--stack {
    gap: var(--s-3);
  }
}


@media (max-width: 760px) {
  body[data-has-hero] .hero__inner {
    padding-bottom: clamp(40px, 9vw, 64px);
  }
}


@media (min-width: 761px) {
  .hero__inner {
    padding-bottom: clamp(48px, 6vh, 92px) !important;
  }
}


.ins-marquee {
  background: var(--ivory);
  border-bottom: 1px solid var(--line-soft);
  padding: 26px 0 24px;
  overflow: hidden;
}
.ins-marquee__label {
  margin: 0 0 18px;
  text-align: center;
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ink-mute);
}
.ins-marquee__viewport { overflow: hidden; }
.ins-marquee__track {
  display: flex;
  width: max-content;
  animation: ins-scroll 46s linear infinite;
}
.ins-marquee:hover .ins-marquee__track { animation-play-state: paused; }
.ins-marquee__row {
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.4vw, 40px);
  list-style: none;
  margin: 0;
  padding: 0 clamp(12px, 1.4vw, 22px);
}

.ins-marquee__row li { flex: 0 0 clamp(96px, 9vw, 124px); display: flex; align-items: center; justify-content: center; }
.ins-marquee__row img {
  max-height: 30px;
  max-width: 100%;
  width: auto;
  height: auto;
  filter: grayscale(1);
  opacity: 0.6;
}
@keyframes ins-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (max-width: 760px) {
  .ins-marquee { padding: 20px 0 18px; }
  .ins-marquee__label { font-size: 12px; margin-bottom: 14px; }
  .ins-marquee__row img { height: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .ins-marquee__track { animation: none; }
  .ins-marquee__viewport { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}


.pt-actions {
  padding: clamp(36px, 5vw, 56px) 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  background: var(--ivory);
}
.pt-actions__kicker { display: flex; justify-content: center; margin-bottom: 22px; }
.pt-actions__row {
  display: flex;
  justify-content: center;
  gap: var(--s-3);
  flex-wrap: wrap;
}
.pt-actions__row .btn { min-width: 220px; }
@media (max-width: 560px) {
  .pt-actions__row { flex-direction: column; }
  .pt-actions__row .btn { width: 100%; min-width: 0; }
}



.mnav__cta-row .btn,
.pt-actions__row .btn--ghost {
  background: transparent;
  border: 1.5px solid var(--line-deep);
  color: var(--ink);
}
.mnav__cta-row .btn:hover,
.pt-actions__row .btn--ghost:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: #ffffff;
}



.quiz__progress { background: rgba(19,36,59,0.18); }
.quiz__bar { background: var(--ink); }
.quiz__opt { background: #ffffff; border-color: #ffffff; color: var(--ink); }
@media (hover: hover) { .quiz__opt:hover { background: #ffffff; border-color: #ffffff; color: var(--ink); transform: translateY(-1px); } }
.quiz__opt:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.quiz__back { color: var(--ink); }
.quiz__back:hover { color: var(--ink); text-decoration: underline; }
.quiz__result-lab { color: var(--ink); }
.quiz__disclaimer { color: rgba(19,36,59,0.78); }
.quiz__match { background: #ffffff; border-color: #ffffff; }
.quiz__match:hover { border-color: var(--ink); }
.quiz .btn--primary { background: var(--ink); color: #ffffff; }
.quiz .btn--primary:hover { background: #13243b; color: #ffffff; }
.quiz .btn--ghost { background: #ffffff; border-color: #ffffff; color: var(--ink); }
.quiz .btn--ghost:hover { background: #ffffff; border-color: #ffffff; color: var(--ink); }



.card-tx__name,
.lib-card__title,
.provider-card__name,
.quiz__match-name {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.008em;
  line-height: 1.18;
}
.trust-bar__list strong {
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: -0.015em;
}
.gsum__num,
.gsum__count,
.benefit__num,
.pillar__num,
.tx-hero-card__num,
.tx-support-card__num,
.tx-acc__num,
.team-lead__support-num,
.tx-finder__concern-mono {
  font-variant-numeric: lining-nums tabular-nums;
}


@media (min-width: 1000px) {
  .reviews-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


.ins-check { text-align: center; padding: clamp(28px, 4vw, 44px) 0 8px; }
.ins-check .kicker { justify-content: center; }
.ins-check__row {
  display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;
  margin-top: 26px;
}
.ins-check__input {
  flex: 1 1 340px; max-width: 420px;
  height: 52px; padding: 0 18px;
  border: 1px solid var(--line-deep, #ffffff); border-radius: 999px;
  font-family: var(--font-body); font-size: 16px; color: var(--ink);
  background: #ffffff;
}
.ins-check__input:focus-visible { outline: 2px solid var(--green-ink); outline-offset: 2px; }
.ins-check__result {
  max-width: 60ch; margin: 20px auto 0; font-size: 15.5px; line-height: 1.55;
  padding: 16px 20px; border-radius: var(--r-lg); text-align: left;
}
.ins-check__result[data-state="yes"] { background: #ffffff; border: 1px solid #c5a467; }
.ins-check__result[data-state="check"] { background: var(--ivory); border: 1px solid var(--line); }
.ins-check__result[data-state="idle"] { background: var(--ivory); border: 1px solid var(--line); }


.quiz__opt--icon {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 20px 14px 16px;
}
.quiz__opt-ic { width: 34px; height: 34px; color: var(--green-ink); }
@media (hover: hover) { .quiz__opt--icon:hover .quiz__opt-ic { color: var(--ink); } }
@media (min-width: 700px) {
  .quiz__opts--grid { grid-template-columns: repeat(3, 1fr); }
}


.rev-carousel { position: relative; margin-top: 34px; }
.rev-carousel__track {
  display: flex; gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 4px 4px 18px;
  scrollbar-width: none;
}
.rev-carousel__track::-webkit-scrollbar { display: none; }
.rev-carousel__track:focus-visible { outline: 2px solid var(--green-ink); outline-offset: 4px; border-radius: 8px; }
.rev-carousel .review-card {
  flex: 0 0 min(340px, 84vw);
  scroll-snap-align: start;
}
.rev-carousel__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--ivory); border: 1px solid var(--line-deep, #ffffff);
  color: var(--ink); display: inline-flex; align-items: center; justify-content: center;
  box-shadow: var(--sh-2); z-index: 2; cursor: pointer;
}
.rev-carousel__nav:hover { border-color: var(--ink); }
.rev-carousel__nav--prev { left: -10px; }
.rev-carousel__nav--next { right: -10px; }
@media (max-width: 760px) {
  .rev-carousel__nav { width: 38px; height: 38px; }
  .rev-carousel__nav--prev { left: 2px; }
  .rev-carousel__nav--next { right: 2px; }
}


.home-chapters { counter-reset: chap; }
.home-chapters .kicker { gap: 10px; }

.home-chapters .kicker::before { content: none; }
.home-chapters .kicker::after { content: ""; width: 24px; height: 1px; background: var(--clay); order: -1; }
.home-chapters .section--teal .kicker::before { background: none; color: rgba(255,255,255,0.85); }
.home-chapters .section--teal .kicker::after { background: rgba(255,255,255,0.5); }


.svc-marquee { background: #13243b; padding: clamp(26px, 3.5vw, 46px) 0; overflow: hidden; }
.svc-marquee__track { display: flex; width: max-content; animation: ins-scroll 64s linear infinite; }
.svc-marquee:hover .svc-marquee__track { animation-play-state: paused; }
.svc-marquee__row { display: flex; align-items: center; gap: clamp(26px, 3.5vw, 48px); padding: 0 clamp(13px, 1.75vw, 24px); }
.svc-marquee__row span { font-family: var(--font-display); font-weight: 500; font-size: clamp(22px, 3vw, 36px); letter-spacing: -0.01em; color: #ffffff; white-space: nowrap; }
.svc-marquee__row em { font-style: italic; color: var(--teal); }
.svc-marquee__row i { font-style: normal; color: var(--teal); font-size: clamp(16px, 2vw, 24px); }
@media (prefers-reduced-motion: reduce) { .svc-marquee__track { animation: none; } }



.cmq {  background-color: #13243b; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"); padding-block: clamp(44px, 5.5vw, 78px) clamp(44px, 5.5vw, 80px); overflow: hidden; }
.cmq__head { text-align: center; margin-bottom: clamp(24px, 3.5vw, 46px); padding-top: clamp(6px, 1vw, 18px); }
.cmq__h { font-family: var(--font-display); font-weight: 500; font-size: clamp(30px, 4vw, 46px); letter-spacing: -0.02em; color: #ffffff; text-wrap: balance; }
.cmq__h .serif-i { font-style: italic; font-weight: 400; color: var(--teal); }


@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .hero__h em,
  .cmq__h .serif-i,
  .section--dark .serif,
  #quiz .quiz__h .serif {
    background: linear-gradient(100deg, var(--teal) 43%, var(--champagne) 50%, var(--teal) 57%) no-repeat;
    background-size: 300% 100%;
    background-position: 0% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    animation: nsGreenShine 3.4s linear -0.85s infinite;
  }
}
@keyframes nsGreenShine { to { background-position: 100% 0; } }
@media (prefers-reduced-motion: reduce) {
  .hero__h em,
  .cmq__h .serif-i,
  .section--dark .serif,
  #quiz .quiz__h .serif {
    animation: none;
    background: none;
    -webkit-text-fill-color: currentColor;
    color: var(--teal);
    filter: none;
  }
}

.hero .hero__h em {
  color: #ead7b3;
  -webkit-text-fill-color: #ead7b3;
  background: none;
  animation: none;
  text-shadow: 0 1px 4px rgba(19,36,59,0.5);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .hero .hero__h em {
    background: linear-gradient(100deg, #ead7b3 40%, #ffffff 50%, #ead7b3 60%) no-repeat;
    background-size: 320% 100%;
    background-position: 0% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: nsGreenShine 3.4s linear -0.85s infinite;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero .hero__h em {
    animation: none;
    background: none;
    -webkit-text-fill-color: #ead7b3;
    color: #ead7b3;
  }
}
.cmq__belt { position: relative; display: flex; flex-direction: column; gap: clamp(16px, 2.4vw, 28px); padding-block: clamp(36px, 5vw, 64px); }
.cmq__row { display: flex; overflow: hidden; position: relative; transform: translateZ(0); }
.cmq__row::before, .cmq__row::after { content: ""; position: absolute; top: 0; bottom: 0; width: clamp(64px, 10vw, 140px); z-index: 2; pointer-events: none; }
.cmq__row::before { left: 0; background: linear-gradient(90deg, #13243b, rgba(19,36,59,0)); }
.cmq__row::after { right: 0; background: linear-gradient(270deg, #13243b, rgba(19,36,59,0)); }
.cmq__track { display: flex; align-items: center; width: max-content; margin: 0; padding: 0; list-style: none; animation: cmqL 84s linear infinite; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.cmq__row--rev .cmq__track { animation: cmqR 96s linear infinite; }
.cmq:hover .cmq__track { animation-play-state: paused; }
.cmq__track li { flex: 0 0 auto; display: flex; align-items: center; white-space: nowrap; font-family: var(--font-display); font-weight: 400; font-size: clamp(22px, 2.6vw, 34px); letter-spacing: -0.01em; color: #ffffff; }
.cmq__row--rev .cmq__track li { color: rgba(255,255,255,0.55); }
.cmq__track li::after { content: ""; width: 5px; height: 5px; margin: 0 clamp(20px, 2.6vw, 38px); transform: rotate(45deg); background: var(--teal); opacity: 0.6; flex: 0 0 auto; }
.cmq__card { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; width: min(430px, calc(100vw - 48px)); background: #ffffff; border: 1px solid var(--line-soft); border-radius: var(--r-lg); box-shadow: 0 26px 80px rgba(19,36,59,0.5); padding: clamp(24px, 3vw, 36px); text-align: center; }
.cmq__eyebrow { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--green-ink); margin-bottom: 12px; }
.cmq__copy { margin: 0 0 18px; color: var(--ink-soft, #13243b); font-size: 16px; line-height: 1.55; }
@media (max-width: 760px) {
  .cmq__belt { padding-block: clamp(10px, 3vw, 20px); }
  .cmq__card { position: static; transform: none; margin: 26px auto 0; }
}
@media (prefers-reduced-motion: reduce) { .cmq__track { animation: none !important; } }
@keyframes cmqL { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes cmqR { from { transform: translateX(-50%); } to { transform: translateX(0); } }


.txcar__head { max-width: 760px; margin: 0 auto clamp(34px, 3.8vw, 54px); text-align: center; }
.txcar__head .kicker { justify-content: center; }
.txcar__intro { margin: 16px auto 0; color: var(--ink-mute); font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.6; max-width: 52ch; }
.txcar__rail { position: relative; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding: 10px 4px 16px; scrollbar-width: none; }
.txcar__rail::-webkit-scrollbar { display: none; }
.txcar__track { list-style: none; display: flex; gap: 22px; margin: 0; padding: 0; }

.txcar .railwrap { max-width: 1160px; margin-left: auto; margin-right: auto; }

.txcar__card { flex: none; width: 268px; scroll-snap-align: start; background: #ffffff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-2); transition: transform .25s ease, box-shadow .25s ease; }
.txcar__card:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(19,36,59,0.11); }
.txcar__card a { display: flex; flex-direction: column; height: 100%; color: inherit; }
.txcar__ph { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--line-soft); }
.txcar__ph img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.txcar__card a:hover .txcar__ph img { transform: scale(1.045); }
.txcar__card h3 { font-family: var(--font-display); font-weight: 400; font-size: 20px; margin: 0; padding: 18px 20px 6px; color: var(--ink); letter-spacing: -0.01em; }
.txcar__card p { margin: 0; padding: 0 20px 16px; font-size: 14px; line-height: 1.55; color: var(--ink-mute); }
.txcar__more { margin-top: auto; padding: 4px 20px 20px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); }
.txcar__ctas { display: flex; gap: 26px; align-items: center; justify-content: center; margin-top: 10px; flex-wrap: wrap; text-align: center; }


.teamrail__head { max-width: 820px; margin: 0 auto clamp(24px, 3vw, 40px); text-align: center; }
.teamrail__intro { margin: 14px auto 0; color: rgba(255,255,255,0.72); font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.6; max-width: 56ch; }
.tcar__rail { position: relative; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding: 14px 0 8px; scrollbar-width: none; }
.tcar__rail::-webkit-scrollbar { display: none; }
.tcar__track { list-style: none; display: flex; gap: clamp(18px, 2.4vw, 34px); margin: 0; padding: 0 max(24px, calc((100vw - 1140px) / 2)); }
.tcar__card { flex: none; width: 150px; text-align: center; scroll-snap-align: start; }
.tcar__card img, .tcar__mono { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: 50% 50%; display: block; margin: 0 auto 10px; border: 2px solid #ffffff; box-shadow: 0 8px 22px rgba(19,36,59,0.16); }
.tcar__mono { display: flex; align-items: center; justify-content: center; background: #ffffff; color: var(--green-ink); font-family: var(--font-display); font-size: 30px; }
.tcar__card h3 { font-weight: 600; font-size: 13.5px; color: var(--ink); margin: 0 0 2px; line-height: 1.25; }
.tcar__card span:not(.tcar__mono) { font-size: 11.5px; color: var(--ink-mute); line-height: 1.3; display: block; }
.tcar__ctas { display: flex; gap: 28px; align-items: center; justify-content: center; margin-top: 18px; }
.teamrail__creds { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 30px; margin: 28px auto 0; max-width: 820px; padding-top: 22px; border-top: 1px solid var(--line-soft); }
.teamrail__creds li { font-size: 13.5px; color: var(--ink-mute); letter-spacing: 0.02em; }



.rev__head { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; }
.rev__head .kicker { justify-content: center; }
.rev__grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(28px, 4vw, 64px); align-items: start; margin-bottom: clamp(30px, 4vw, 48px); }
.rev__lead blockquote { margin: 0 0 16px; font-family: var(--font-display); font-weight: 400; font-size: clamp(19px, 2vw, 27px); line-height: 1.32; letter-spacing: -0.008em; color: var(--ink); text-wrap: balance; }
.rev__cap { display: flex; gap: 12px; align-items: baseline; }
.rev__cap .nm { font-weight: 600; font-size: 14px; color: var(--ink); }
.rev__cap .st { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mute); }
.rev__intro { margin: 14px 0 0; color: var(--ink-mute); font-size: 14.5px; line-height: 1.55; max-width: 46ch; }
.award { background: #ffffff; border: 1px solid var(--line-soft); border-radius: var(--r-lg); padding: clamp(26px, 3.4vw, 44px); box-shadow: 0 14px 44px rgba(19,36,59,0.08); }
.award__rating { display: flex; align-items: center; gap: 16px; margin-bottom: 10px; }
.award__score { font-family: var(--font-display); font-weight: 400; font-size: clamp(52px, 5vw, 68px); line-height: 1; color: var(--ink); }
.award__ratlab { font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-mute); line-height: 1.5; }
.award__rule { height: 1px; background: var(--line-soft); margin: clamp(18px, 2.4vw, 28px) 0; }
.award__creds { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.award__creds li { font-size: 14px; line-height: 1.5; color: var(--ink-soft, #13243b); }
@media (max-width: 860px) {
  .rev__grid { grid-template-columns: 1fr; }
  .txcar__track, .tcar__track { padding: 0 20px; }
}


.bigpic { position: relative; overflow: hidden; }
.bigpic img { width: 100%; height: clamp(320px, 46vw, 620px); object-fit: cover; object-position: 50% 40%; display: block; }
.bigpic__cap { position: absolute; left: 0; right: 0; bottom: 18px; color: #ffffff; font-size: 13px; letter-spacing: 0.06em; text-shadow: 0 1px 12px rgba(19,36,59,0.55); }


.our-story__grid { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 76px); align-items: center; }
.our-story__media { border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 30px 70px rgba(19,36,59,0.30); }
.our-story__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--op-d, 50% 22%); display: block; aspect-ratio: 4 / 5; transition: transform 0.7s ease; }
@media (hover: hover) { .our-story:hover .our-story__media img { transform: scale(1.04); } }
.our-story__body { max-width: 52ch; }
.our-story__p { font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.7; color: rgba(255,255,255,0.80); margin: 18px 0 28px; }
@media (max-width: 860px) {
  .our-story__grid { grid-template-columns: 1fr; gap: 26px; }
  .our-story__media { max-width: 460px; margin: 0 auto; }
  .our-story__media img { aspect-ratio: 3 / 2; object-position: var(--op-m, 50% 20%); }
  .our-story__body { max-width: none; text-align: center; }
  .our-story__body .kicker { justify-content: center; }
}


@media (max-width: 560px) {
  .quiz__opt--icon { gap: 6px; padding: 13px 8px 11px; }
  .quiz__opt-ic { width: 22px; height: 22px; }
  .quiz__opt { min-height: 72px; font-size: 13.5px; }
}






.single-loc--lcard { align-items: stretch; background: none; border: 0; border-radius: 0; overflow: visible; }
.single-loc--lcard .single-loc__info.lcard { display: flex; flex-direction: column; padding: 0; background: #ffffff; border: 1px solid var(--line-soft); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-2); }
.single-loc--lcard .single-loc__map { border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line-soft); background: var(--ivory); min-height: 100%; }
.lcard__media { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--ivory); }
.lcard__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
@media (hover: hover) { .single-loc--lcard .lcard:hover .lcard__media img { transform: scale(1.045); } }
.lcard__body { display: flex; flex-direction: column; flex: 1; padding: clamp(18px, 1.7vw, 26px); }
.lcard__state { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green-ink); margin: 0 0 8px; }
.lcard__name { font-family: var(--font-display); font-weight: 400; font-size: clamp(22px, 1.8vw, 27px); letter-spacing: -0.02em; color: var(--ink); margin: 0 0 10px; line-height: 1.08; }
.lcard__addr { font-style: normal; font-size: 14px; line-height: 1.5; color: var(--ink-mute); margin: 0 0 8px; }
.lcard__addr span { display: block; }
.lcard__tel { display: inline-block; font-size: 14.5px; font-weight: 600; color: var(--green-ink); margin-bottom: 4px; }
.single-loc--lcard .single-loc__hours { margin-top: 12px; }
.single-loc--lcard .single-loc__ctas { margin-top: auto; padding-top: 16px; }


.railwrap { position: relative; }
.railnav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--ivory); border: 1px solid var(--line-deep, #ffffff);
  color: var(--ink); display: inline-flex; align-items: center; justify-content: center;
  box-shadow: var(--sh-2); z-index: 2; cursor: pointer;
}
.railnav:hover { border-color: var(--ink); }
.railnav--prev { left: 8px; }
.railnav--next { right: 8px; }
@media (max-width: 760px) {
  .railnav { width: 38px; height: 38px; }
  .railnav--prev { left: 4px; }
  .railnav--next { right: 4px; }
}



.ins-marquee[data-anim="off"] .ins-marquee__track,
.cmq[data-anim="off"] .cmq__track { animation-play-state: paused; }


.single-loc__map-static { display: none; position: relative; }
.single-loc__map-static img { width: 100%; height: 100%; object-fit: cover; display: block; }
.single-loc__map-open { position: absolute; left: 12px; bottom: 12px; background: #ffffff; color: var(--green-ink); font-size: 13px; font-weight: 600; padding: 9px 14px; border-radius: 999px; box-shadow: 0 6px 20px rgba(19,36,59,0.18); }
@media (max-width: 860px) {
  .single-loc__map-static { display: block; height: 100%; min-height: 300px; }
  .single-loc__map iframe { display: none; }
}


@media (max-width: 860px) {
  .single-loc__map-static { min-height: 0; height: 200px; }
  .single-loc__map-static img { height: 200px; object-fit: cover; object-position: 50% 44%; }
  .single-loc--lcard .lcard__media { aspect-ratio: 21 / 9; }
  .single-loc--lcard .lcard__body { padding: 16px 16px 18px; }
  .single-loc--lcard .single-loc__hours { font-size: 13px; gap: 4px 18px; padding-top: 12px; margin-top: 10px; }
  .single-loc--lcard .lcard__name { font-size: 21px; margin-bottom: 8px; }
  .single-loc--lcard .single-loc__ctas { padding-top: 12px; }
}



.quiz__opt, .quiz__opt * { touch-action: manipulation; }
@media (max-width: 860px) {
  .single-loc__map { height: 200px; min-height: 0; }
}


.hero--photo .hero__media img {
  
  object-position: center center;
}
.hero--photo .hero__media::after {
  background:
    linear-gradient(to top, rgba(19,36,59,0.72) 0%, rgba(19,36,59,0.34) 40%, rgba(19,36,59,0.16) 66%, rgba(19,36,59,0.42) 100%),
    linear-gradient(to right, rgba(19,36,59,0.62) 0%, rgba(19,36,59,0.36) 34%, rgba(19,36,59,0.06) 68%);
}
@media (max-width: 760px) {
  .hero--photo .hero__media::after {
    background:
      linear-gradient(to top, rgba(19,36,59,0.78) 0%, rgba(19,36,59,0.42) 34%, rgba(19,36,59,0.24) 56%, rgba(19,36,59,0.52) 86%, rgba(19,36,59,0.58) 100%);
  }
}


@media (min-width: 761px) { .hero--storefront .hero__media img { object-position: center 32%; } }
@media (max-width: 760px) { .hero--storefront .hero__media img { object-position: 52% 28%; } }


@media (min-width: 761px) { .hero--team .hero__media img { object-position: center 42%; } }
@media (max-width: 760px) { .hero--team .hero__media img { object-position: 46% 44%; } }


@media (min-width: 761px) { .hero--reception .hero__media img { object-position: center 46%; } }
@media (max-width: 760px) { .hero--reception .hero__media img { object-position: 68% 46%; } }


.hero__proof {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.45;
  color: rgba(255,255,255,0.86);
}
.hero__proof strong { color: var(--ivory); font-weight: 600; }
.hero__proof-stars { color: var(--champagne); letter-spacing: 0.06em; font-size: 13px; }
.hero__proof-sep { color: rgba(255,255,255,0.45); }
@media (max-width: 760px) {
  .hero__proof { font-size: 13.5px; gap: 4px 8px; }
  
  .hero__proof-sep { display: none; }
  .hero__proof > span:last-child { flex-basis: 100%; }
}


@media (max-width: 760px) {
  .hero__eyebrow {
    display: block;
    line-height: 1.7;
    margin-bottom: 6px;
    font-size: 11.5px;
    letter-spacing: 0.18em;
  }
  .hero__sub {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    max-width: 34ch;
    margin-top: var(--s-3);
  }
}


.cookie-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 12px 24px;
  padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
  background: var(--ivory);
  border-top: 1px solid var(--line-soft);
  box-shadow: 0 -6px 26px rgba(19,36,59,0.13);
}
.cookie-banner[hidden] { display: none; }
.cookie-banner__text {
  margin: 0; max-width: 720px;
  font-size: 14px; line-height: 1.55; color: var(--ink-soft);
}
.cookie-banner__text a { color: var(--green-ink); text-decoration: underline; }
.cookie-banner__actions { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-banner__actions .btn { min-height: 44px; }
@media (max-width: 560px) {
  .cookie-banner { gap: 12px; padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  .cookie-banner__text { font-size: 13.5px; text-align: center; }
  .cookie-banner__actions { width: 100%; }
  .cookie-banner__actions .btn { flex: 1; }
}
/* pearl-compat.css */
/* Client-specific page and appointment components. */
.quiz__matches{display:grid;gap:16px}
.quiz__match{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--pearl)}
.quiz__match h4{font-size:22px;color:var(--pearl);letter-spacing:-.03em}
.quiz__match p{font-size:16px;color:var(--pearl)}
.quiz__privacy{font-size:12px;color:var(--pearl);opacity:.73;max-width:660px}
.quiz__privacy{margin-top:6px}
.site-note{display:block;max-width:570px;margin-top:8px}
.editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}
.editorial-grid>h2{font-size:43px;line-height:1.13;letter-spacing:-.04em;margin:0}
.article-copy{max-width:730px}
.article-copy p{font-size:17px;line-height:1.75;margin:0 0 22px}
.article-copy h2{font-size:35px;line-height:1.2;margin:55px 0 20px}
.article-copy h3{font-size:23px;margin:30px 0 14px}
.article-copy a{text-decoration:underline;text-underline-offset:5px}
.article-copy ul{padding-left:20px}
.article-copy li{margin-bottom:10px}
.photo-band{margin:0;max-height:560px;overflow:hidden;border-radius:24px}
.photo-band img{display:block;width:100%;height:100%;max-height:560px;object-fit:cover}
.doctor-profile{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px;scroll-margin-top:125px}
.doctor-profile img{width:100%;border-radius:24px;display:block;max-height:520px;object-fit:cover;object-position:50% 20%}
.doctor-profile h2{font-size:43px;line-height:1.1;margin:0 0 25px}
.doctor-profile .article-copy p{font-size:16px}
.doctor-profile .doctor-role{font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:20px}
.doctor-profile+.doctor-profile{margin-top:95px;padding-top:95px;border-top:1px solid var(--line)}
.service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:40px}
.service-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:18px;letter-spacing:-.02em}
.service-links a:hover{text-decoration:underline;text-underline-offset:5px}
.service-links a:after{content:'↗';font-size:18px}
.fine-print{font-size:12px;line-height:1.6;opacity:.75;max-width:740px}
.booking-options{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.booking-option{border-top:1px solid var(--pearl);padding-top:30px}
.booking-option h2{font-size:34px;line-height:1.15;margin:0 0 20px}
.booking-option p{font-size:17px;margin-bottom:25px;max-width:500px}
@media(max-width:1100px){.editorial-grid,.doctor-profile{gap:50px}}
@media(max-width:900px){.editorial-grid{grid-template-columns:1fr;gap:28px}
.editorial-grid>h2{font-size:36px}
.doctor-profile{grid-template-columns:.8fr 1.2fr;gap:35px}
.doctor-profile h2{font-size:36px}
.booking-options{gap:40px}}
@media(max-width:600px){.quiz__match{padding:20px}
.quiz__match h4{font-size:22px}
.quiz__match p{font-size:15px}
.editorial-grid{gap:24px}
.editorial-grid>h2{font-size:34px}
.article-copy p{font-size:16px;line-height:1.7}
.article-copy h2{font-size:29px;margin-top:36px}
.photo-band{border-radius:20px}
.photo-band img{height:280px}
.doctor-profile{grid-template-columns:1fr;gap:30px}
.doctor-profile>img{max-height:470px;width:100%;border-radius:20px;object-fit:cover}
.doctor-profile h2{font-size:35px}
.doctor-profile+.doctor-profile{margin-top:60px;padding-top:60px}
.service-links{grid-template-columns:1fr;margin-top:25px}
.service-links a{font-size:17px}
.booking-options{grid-template-columns:1fr;gap:50px}
.booking-option h2{font-size:30px}
.booking-option p{font-size:16px}}
.quiz__match-badge{color:var(--pearl);background:none;letter-spacing:.03em;font-size:10px;margin-bottom:8px}
.quiz__match-name{display:block;font-size:24px;line-height:1.15;color:var(--pearl);letter-spacing:-.035em}
.quiz__match-short{display:block;font-size:15px;line-height:1.55;color:var(--pearl);margin-top:12px}
.quiz__match-cta{display:inline-flex;color:var(--pearl);font-size:13px;margin-top:18px}
@media(max-width:600px){.quiz__match-name{font-size:22px}}
.quiz__counter{text-align:center;font-size:11px;font-weight:550;letter-spacing:.04em;margin:0 0 14px;opacity:.7}
.doctor-bio{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0;padding:0}
.doctor-bio summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;min-height:52px;font-size:14px;cursor:pointer;list-style:none;font-weight:550}
.doctor-bio summary::-webkit-details-marker{display:none}
.doctor-bio summary span{font-size:23px;font-weight:400;transition:transform .2s}
.doctor-bio[open] summary span{transform:rotate(45deg)}
.doctor-bio[open] summary{margin-bottom:14px}
.appointment-drawer{border:0;padding:0;width:500px;max-width:calc(100% - 40px);max-height:calc(100dvh - 50px);margin:auto;background:#fff;color:var(--pearl);border-radius:28px;overflow:auto;overscroll-behavior:contain;box-shadow:none}
.appointment-drawer::backdrop{background:rgb(19 36 59 / .48);backdrop-filter:blur(8px)}
.appointment-drawer[open]{animation:pearl-panel-in .3s cubic-bezier(.2,.7,.3,1)}
.appointment-drawer__inside{padding:44px;position:relative}
.appointment-drawer__close{position:absolute;right:19px;top:15px;width:44px;height:44px;display:grid;place-items:center;border:0;background:#fff;color:var(--pearl);font-size:31px;font-weight:300;cursor:pointer}
.appointment-faces{display:flex;margin-bottom:27px}
.appointment-faces img{display:block;width:54px;height:54px;object-fit:cover;object-position:center 20%;border:3px solid #fff;border-radius:50%}
.appointment-faces img+img{margin-left:-12px}
.appointment-drawer .kicker{font-size:10px;margin:0 0 17px;display:block}
.appointment-drawer h2{font-size:49px;font-weight:550;line-height:1.04;letter-spacing:-.05em;margin:0}
.appointment-drawer__intro{font-size:16px;margin:21px 0 29px}
.appointment-choice{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 24px;border:1px solid var(--line-deep);border-radius:16px;text-decoration:none;background:#fff;color:var(--pearl);margin-bottom:13px;transition:transform .2s}
.appointment-choice:hover{transform:translateY(-2px)}
.appointment-choice strong{display:block;font-size:17px;font-weight:550;letter-spacing:-.02em}
.appointment-choice small{display:block;font-size:12px;line-height:1.5;margin-top:5px;opacity:.8}
.appointment-choice>span:last-child{font-size:23px}
.appointment-choice--primary{background:var(--pearl);color:#fff;border-color:var(--pearl)}
.appointment-choice--primary:focus-visible{outline-offset:5px}
.appointment-drawer__note{font-size:12px;line-height:1.6;margin:23px 0 10px;opacity:.76}
.appointment-drawer .text-link{font-size:12px}
.appointment-open{overflow:hidden}
@media(max-width:600px){.appointment-drawer{max-width:none;width:100%;max-height:calc(100dvh - 28px);margin:auto 0 0;border-radius:28px 28px 0 0}
.appointment-drawer__inside{padding:32px 25px max(28px,env(safe-area-inset-bottom))}
.appointment-drawer h2{font-size:43px}
.appointment-faces{margin-bottom:22px}
.appointment-drawer__intro{font-size:15px;margin:18px 0 25px}
.appointment-choice{padding:18px 20px;min-height:84px}
.appointment-drawer__note{margin-top:20px}
.appointment-drawer .text-link{font-size:13px}
.doctor-bio summary{font-size:14px}}
.appointment-drawer:not([open]){display:none}
.appointment-drawer__close{border-radius:50%}
.smile-compare{position:relative;width:100%;max-width:860px;aspect-ratio:1.45;overflow:hidden;border-radius:24px;background:#fff;margin-top:32px;isolation:isolate}
.smile-compare>img,.smile-compare__before,.smile-compare__before img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.smile-compare__before{clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.smile-compare__line{position:absolute;top:0;bottom:0;left:var(--compare);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;display:flex;align-items:center;justify-content:center}
.smile-compare__line>span{display:grid;place-items:center;background:#fff;color:var(--pearl);border-radius:50%;width:52px;height:52px;flex:0 0 52px;font-size:26px;box-shadow:0 0 0 1px var(--line)}
.smile-compare__label{position:absolute;top:18px;padding:8px 14px;background:#fff;color:var(--pearl);border-radius:20px;font-size:12px;line-height:1.3;font-weight:550;pointer-events:none}
.smile-compare__label--before{left:18px}
.smile-compare__label--after{right:18px}
.smile-compare__range{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y;z-index:3}
.smile-compare:focus-within{outline:2px solid var(--pearl);outline-offset:5px}
.compare-instruction{font-size:12px;line-height:1.6;margin-top:15px;color:var(--pearl);opacity:.75}
@media(max-width:600px){.smile-compare{border-radius:18px;aspect-ratio:1.42}
.smile-compare__line>span{width:44px;height:44px;flex-basis:44px;font-size:23px}
.smile-compare__label{top:12px;font-size:11px}
.smile-compare__label--before{left:12px}
.smile-compare__label--after{right:12px}}/* SEO pages (areas, technology, library hub): shared blocks */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.sec-head h2{font-size:38px;line-height:1.12;letter-spacing:-.03em;margin:0}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.area-card{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid var(--line,#d9dee4);border-radius:20px;background:#fff;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.area-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(8,19,33,.08)}
.area-card__kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.area-card__title{font-size:28px;line-height:1.1;margin:0}
.area-card__sub{font-size:15px;line-height:1.55;margin:0;flex:1;opacity:.8}
.tech-band img{object-fit:contain;background:#fff;max-height:420px}
.tech-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.tech-item{padding:32px;border:1px solid var(--line,#d9dee4);border-radius:20px;background:#fff}
.tech-item h2{font-size:30px;line-height:1.15;margin:10px 0 14px;letter-spacing:-.03em}
.tech-item p{font-size:16px;line-height:1.75;margin:0}
.lib-card__cat,.lib-card__cta,.lib-card__more{color:var(--pearl)}
.lib-card:hover{border-color:var(--pearl)}
.lib-related__chip:hover{border-color:var(--pearl);color:var(--pearl)}
@media(max-width:900px){.area-grid{grid-template-columns:1fr 1fr}.tech-list{grid-template-columns:1fr}}
@media(max-width:600px){.sec-head{flex-direction:column;align-items:flex-start}.sec-head h2{font-size:32px}.area-grid{grid-template-columns:1fr}.area-card{padding:24px}.tech-item{padding:24px}.tech-item h2{font-size:26px}}
/* library + tech band spacing under the solid header */
.lib-hero{padding-top:clamp(150px,16vw,210px);background:none}
.lib-article{padding-top:clamp(140px,14vw,190px)}
.tech-band{max-height:none}
.tech-band img{height:auto;max-height:420px}
@media(max-width:600px){.tech-band img{height:auto;max-height:200px}}
.lib-card__more{font-size:14px;font-weight:500;margin-top:4px}
article.lib-article.section{padding-top:clamp(140px,14vw,190px)}
@media(max-width:600px){article.lib-article.section{padding-top:124px}section.lib-hero.section{padding-top:130px}}

/* audit fixes: contrast, hidden heading */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body .site-footer .footer-col__title{color:#2f3d52}
/* reference.css */
/* The reference stylesheet controls the layout and typography.
   These rules cover Pearl assets and retained accessible controls. */
:root { --pearl:#13243b; --pearl-gold:#c5a467; --pearl-gold-ink:#89652e; --pearl-gold-light:#ead7b3; }
.pearl-logo { display:block; width:150px; height:60px; overflow:hidden; background:var(--pearl); border-radius:2px; }
.pearl-logo img { width:150px; height:98px; max-width:none; object-fit:contain; margin-top:-18px; }
.site-header .nav__logo { flex-shrink:0; }
.site-footer .pearl-logo { margin-bottom:22px; }
.hero--pearl .hero__photo { object-position:50% 30%; }
.hero--pearl .hero__media::after { background:linear-gradient(180deg,rgba(19,36,59,.1),rgba(19,36,59,.5)); }
.hero--pearl .hero__h em { white-space:nowrap; }
.hero__h em,.cmq__h .serif-i { display:inline-block; padding-bottom:.12em; margin-bottom:-.12em; padding-right:.06em; }
.ins-marquee__row li span { color:var(--ink-soft); font-size:14px; font-weight:500; white-space:nowrap; }
.ins-marquee__row { gap:48px; }
.ins-marquee__row li { min-width:140px; }
.ins-marquee__viewport:focus-within .ins-marquee__track { animation-play-state:paused; }
.cmq { position:relative; }
.cmq__row { touch-action:pan-y; user-select:none; cursor:grab; }
.cmq__row:active { cursor:grabbing; }
.cmq__row:focus-visible { outline:2px solid var(--pearl-gold); outline-offset:-2px; }
.cmq[data-paused="true"] .cmq__track { animation-play-state:paused; }
.care-loop-toggle { position:absolute; right:10px; bottom:8px; width:44px; height:44px; color:var(--pearl-gold); border-radius:50%; font-size:16px; display:grid; place-items:center; }
.care-loop-toggle:focus-visible { outline-color:var(--pearl-gold); }
.quiz__counter { text-align:center; font-size:12px; margin:0 0 9px; color:var(--ink-soft); }
.quiz__privacy { color:var(--ink-soft); text-align:center; font-size:12px; margin-top:12px; }
.quiz__match-name { font-family:var(--font-display); font-weight:600; letter-spacing:-.01em; }
.quiz__q:focus,.quiz__result-h:focus { outline:none; }
.rev-stars .star--on,.rev-stars .star--on path { color:var(--pearl-gold-ink); fill:var(--pearl-gold-ink); }
.rev__lead blockquote { text-wrap:pretty; }
.our-story__media img { object-position:50% 30%; }
.single-loc__map iframe { width:100%; height:100%; display:block; border:0; }
.tcar__track { justify-content:center; }
.tcar__card a { color:inherit; }
.tcar__card a:focus-visible { display:block; }
.tcar__card img { object-fit:cover; object-position:50% 22%; }
.teamrail__cta { margin-top:24px; text-align:center; }
.rail-control-bar { display:flex; justify-content:flex-end; gap:16px; max-width:1320px; margin:16px auto 0; padding-inline:var(--gutter); }
.rev-carousel .rail-control-bar { padding:0; }
.rail-play { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line-deep); border-radius:100px; padding:8px 14px; min-height:44px; color:var(--ink); font-size:12px; }
.section--dark .rail-play { color:#fff; border-color:rgba(255,255,255,.35); }
.compare-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; max-width:860px; padding-top:14px; }
.compare-toolbar .compare-instruction { margin:0; }
.compare-toolbar .rail-play { white-space:nowrap; }
.appointment-drawer { color:var(--ink); background:#fff; }
.appointment-drawer h2 { font-family:var(--font-display); font-size:48px; font-weight:500; letter-spacing:-.018em; line-height:1.1; }
.appointment-choice--primary { background:var(--pearl); color:#fff; }
.appointment-drawer .kicker { color:var(--pearl-gold-ink); }
.appointment-drawer__note { color:var(--ink-soft); }
body.appointment-open { overflow:hidden; }
body:not(.is-pearl-home) .page-hero__h { font-family:var(--font-display); font-size:var(--t-display-2); font-weight:500; line-height:1.05; }
body:not(.is-pearl-home) .page-hero__sub { max-width:58ch; }
body:not(.is-pearl-home) .display-3,body:not(.is-pearl-home) main h2 { font-family:var(--font-display); font-weight:500; letter-spacing:-.018em; }
.editorial-grid { align-items:start; }
.doctor-profile h2 { font-size:var(--t-h2); }
.doctor-bio { background:#fff; }
.doctor-profile .doctor-role { color:var(--pearl-gold-ink); }
.photo-band img { object-fit:cover; }
.gold { color:var(--pearl-gold-ink); font-style:italic; }
.fine-print,.site-note { font-size:12px; line-height:1.6; }
@media(max-width:760px) {
 .pearl-logo { width:124px; height:51px; }
 .pearl-logo img { width:124px; height:81px; margin-top:-15px; }
 .hero--pearl .hero__media img { object-position:50% 30%!important; }
 .hero--pearl .hero__media::after { background:linear-gradient(180deg,rgba(19,36,59,.12),rgba(19,36,59,.47)); }
 .single-loc__map iframe { display:block!important; }
 .tcar__track { justify-content:flex-start; }
 .appointment-drawer h2 { font-size:36px; }
 .hero__h em { white-space:normal; }
 .compare-toolbar { gap:12px; }
}
@media(prefers-reduced-motion:reduce) {
 .care-loop-toggle { display:none; }
 .cmq__row { overflow-x:auto; }
 .cmq__track { transform:none; }
 .cmq__track li:nth-child(n+7) { display:none; }
 .ins-marquee__track { animation:none; }
}

/* A touch toggle must resume without waiting for a synthetic hover to end. */
.cmq:hover .cmq__track { animation-play-state:running; }
.cmq[data-anim="off"] .cmq__track,.cmq[data-paused="true"] .cmq__track { animation-play-state:paused; }
/* premium.css */
/* Pearl typography within the reference's responsive layout. */
:root {
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Manrope", system-ui, sans-serif;
}
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, .display-3, .cmq__track, .hero__trust strong {
  font-optical-sizing: auto;
}
button, input, select, textarea { font-family: var(--font-body); }
/* Full-bleed editorial photography, with copy kept clear of the model. */
.hero--pearl { min-height:clamp(660px,88svh,860px); align-items:stretch; }
.hero--pearl .hero__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 38%; }
.hero--pearl .hero__media::after { background:linear-gradient(90deg,rgba(19,36,59,.48),rgba(19,36,59,.18) 40%,transparent 64%); }
.hero--pearl .hero__inner { min-height:inherit; padding:150px var(--gutter) 70px; align-items:flex-start; text-align:left; gap:0; justify-content:center; }
.hero--pearl .hero__eyebrow { justify-content:flex-start; gap:14px; font-size:11px; font-weight:500; letter-spacing:.18em; color:var(--pearl-gold-light); }
.hero--pearl .hero__eyebrow::before { width:30px; background:var(--pearl-gold); }
.hero--pearl .hero__eyebrow::after { display:none; }
.hero--pearl .hero__h { margin:28px 0 22px; font-size:clamp(72px,7.1vw,108px); font-weight:400; line-height:.98; letter-spacing:-.045em; max-width:10ch; }
.hero--pearl .hero__h em { color:var(--pearl-gold-light); font-weight:400; }
.hero--pearl .hero__eyebrow,.hero--pearl .hero__h,.hero--pearl .hero__sub,.hero--pearl .hero__quiz-link { text-shadow:none; }
.hero--pearl .hero__sub { max-width:34ch; font-size:17px; line-height:1.65; font-weight:400; color:rgba(255,255,255,.85); }
.hero--pearl .hero__ctas { justify-content:flex-start; margin:32px 0 0; gap:18px; }
.hero--pearl .hero__ctas .btn { height:58px; padding:0 28px; font-size:14px; }
.hero--pearl .hero__ctas .btn--primary { background:#fff; color:var(--pearl); box-shadow:none; gap:28px; }
.hero--pearl .hero__ctas .btn--primary:hover { background:var(--pearl-gold-light); }
.hero--pearl .hero__ctas .btn--ghost-light { border-color:transparent; padding:0 12px; text-decoration:underline; text-underline-offset:5px; }
.hero--pearl .hero__quiz-link { align-self:flex-start; margin:22px 0 0; font-size:12px; color:rgba(255,255,255,.85); }
.hero--pearl .hero__quiz-link span { margin-left:12px; }
@media(min-width:761px) and (max-width:1050px) {
 .hero--pearl .hero__h { font-size:clamp(64px,7.5vw,80px); }
 .hero--pearl .hero__sub { max-width:29ch; font-size:15px; }
 .hero--pearl .hero__media img { object-position:60% 35%; }
 .hero--pearl .hero__ctas { gap:6px; }
 .hero--pearl .hero__ctas .btn { font-size:13px; padding-inline:22px; }
}
@media(min-width:761px) and (max-width:900px) {
 .hero--pearl .hero__ctas { flex-direction:column; align-items:flex-start; gap:8px; }
 .hero--pearl .hero__ctas .btn--ghost-light { height:44px; padding:0; }
 .hero--pearl .hero__quiz-link { margin-top:8px; }
}
@media(max-width:760px) {
 body[data-has-hero] .site-header:not([data-scrolled="true"]) { background:var(--pearl); border-bottom:1px solid rgba(255,255,255,.12); }
 .hero--pearl { min-height:100svh; }
 .hero--pearl .hero__media img { width:100%; height:69%; object-position:77% 20%!important; }
 .hero--pearl .hero__media::after { background:linear-gradient(180deg,transparent 20%,rgba(19,36,59,.05) 36%,rgba(19,36,59,.85) 58%,#13243b 71%); }
 .hero--pearl .hero__inner { min-height:100svh; justify-content:flex-end; padding:260px 24px 30px; }
 .hero--pearl .hero__eyebrow { font-size:10px; letter-spacing:.14em; }
 .hero--pearl .hero__eyebrow::before { width:22px; }
 .hero--pearl .hero__h { margin:17px 0 14px; font-size:clamp(53px,14vw,65px); line-height:.99; max-width:10ch; }
 .hero--pearl .hero__sub { display:block; max-width:34ch; font-size:14px; line-height:1.6; }
 .hero--pearl .hero__ctas { flex-direction:row; width:100%; max-width:410px; gap:8px; margin-top:24px; }
 .hero--pearl .hero__ctas .btn--primary { flex:1; width:auto; padding:0 18px; height:54px; gap:14px; font-size:13px; }
 .hero--pearl .hero__ctas .btn--ghost-light { width:auto; height:54px; padding:0 8px; font-size:13px; }
 .hero--pearl .hero__quiz-link { display:none; }
}
@media(max-width:760px) and (max-height:650px) {
 .hero--pearl .hero__inner { padding-top:200px; padding-bottom:20px; }
 .hero--pearl .hero__h { margin:12px 0 10px; font-size:48px; }
 .hero--pearl .hero__sub { font-size:12px; }
 .hero--pearl .hero__ctas { margin-top:16px; }
}
@media(prefers-reduced-motion:no-preference) {
 .hero--pearl .hero__h { animation:pearl-hero-arrive .9s cubic-bezier(.22,.61,.36,1) both; }
 @keyframes pearl-hero-arrive { from { opacity:.35; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
}
/* Insurance is a quiet, stationary utility row, never a text carousel. */
.ins-marquee.pearl-payment { padding:14px 0; }
.pearl-payment__inner, .pearl-payment__plans { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.pearl-payment__inner { gap:8px 32px; }
.pearl-payment__plans { margin:0; gap:8px 24px; font-size:12px; line-height:1.5; }
.pearl-payment__plans span+span { border-left:1px solid rgba(19,36,59,.18); padding-left:24px; }
.pearl-payment a { color:var(--pearl-gold-ink); font-size:12px; line-height:1.5; text-underline-offset:4px; text-decoration:underline; }
.pearl-payment a span { margin-left:8px; }
.section.why { padding:44px 0 20px; }
.why__lede { margin-top:14px; line-height:1.6; }
.pt-actions { padding:16px 0 24px; }
.pt-actions__row .btn--ghost { border-color:transparent; }
.why + .pt-actions + .txcar { padding-top:44px; }
.hero__h em, .cmq__h .serif-i { padding-right: .08em; }
.cmq__copy { min-height:4.65em; }
.cmq__row--third .cmq__track { animation-duration: 108s; }
.cmq__row--third .cmq__track li { color: rgba(255,255,255,.78); }
/* The reference keeps the appointment card centered over the desktop belt. */
@media(min-width:761px) {
  .cmq__belt { padding-block: 24px; }
  .cmq__card { left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; }
}
@media(max-width:760px) {
  .cmq__row--third { display:none; }
  .ins-marquee.pearl-payment { padding:12px 0; }
  .pearl-payment__inner { gap:7px; }
  .pearl-payment__plans { font-size:10px; gap:6px 14px; }
  .pearl-payment__plans span+span { padding-left:14px; }
  .pearl-payment a { font-size:11px; }
  .section.why { padding:32px 0 16px; }
  .why__lede { font-size:15px; max-width:36ch; }
  .pt-actions { padding:12px 0 12px; }
  .why + .pt-actions + .txcar { padding-top:36px; }
}
@media(max-width:560px) {
  .pt-actions__row { gap:6px; }
  .pt-actions__row .btn--ghost { height:44px; min-height:44px; padding:10px 12px; font-size:13px; }
}
/* Small refinements preserve the reference's dimensions and alignment. */
.why .display-3 { font-family:var(--font-body); font-size:clamp(30px,3.3vw,46px); font-weight:500; line-height:1.15; letter-spacing:-.045em; }
.txcar__head { max-width:1160px; text-align:left; margin-bottom:28px; }
.txcar__head .display-3 { font-size:clamp(42px,4.4vw,64px); font-weight:400; line-height:1.06; letter-spacing:-.035em; }
.txcar .railwrap { max-width:1240px; }
.txcar__track { gap:28px; padding-inline:28px; }
.txcar__card { width:calc((100% - 56px)/3); min-width:290px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.txcar__card:hover { transform:none; box-shadow:none; }
.txcar__ph { aspect-ratio:4/4.7; border-radius:14px; background:#fff; }
.txcar__card h3 { padding:24px 0 10px; font-family:var(--font-body); font-size:20px; font-weight:600; letter-spacing:-.035em; line-height:1.3; }
.txcar__card p { padding:0 0 18px; font-size:14px; line-height:1.65; max-width:32ch; }
.txcar__more { padding:0 0 16px; font-size:12px; text-transform:none; letter-spacing:0; }
.txcar__ctas { margin-top:24px; }
.award,.single-loc--lcard .single-loc__info.lcard,.review-card,.our-story__media { box-shadow:none; }
.our-story__media { border-radius:12px; }
.our-story__body .display-3 { font-size:clamp(40px,3.8vw,54px); line-height:1.07; font-weight:400; letter-spacing:-.035em; }
.our-story__p { font-size:16px; line-height:1.8; }
.teamrail .display-3 { font-size:clamp(42px,4.4vw,64px); font-weight:400; line-height:1.07; }
.tcar__card { width:260px; text-align:left; }
.tcar__card img { width:260px; height:300px; margin:0 0 20px; border:0; border-radius:12px; box-shadow:none; }
.tcar__card h3 { font-family:var(--font-body); font-weight:500; font-size:17px; line-height:1.5; letter-spacing:-.025em; }
.tcar__card span:not(.tcar__mono) { font-size:12px; line-height:1.6; }
.family-feature { background:#fff; padding:72px 0; }
.family-feature__grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.family-feature__body .display-3 { margin:22px 0; font-size:clamp(44px,5vw,72px); font-weight:400; line-height:1.03; letter-spacing:-.04em; }
.family-feature__body p { font-size:16px; line-height:1.7; margin-bottom:28px; }
.family-feature img { height:auto; aspect-ratio:1; border-radius:14px; object-position:50% 34%; }
.first-visit { border-top:1px solid var(--line); }
.first-visit__h { font-family:var(--font-body); font-size:20px; font-weight:500; letter-spacing:-.035em; }
.btn,.btn:hover { box-shadow:none; }
.quiz__opt,.quiz__opt:hover { box-shadow:none; border:1px solid rgba(19,36,59,.18); color:var(--pearl); }
.quiz__opt span { color:var(--pearl); }
.quiz__opt:focus-visible { outline:2px solid var(--pearl-gold-ink); outline-offset:3px; }
.quiz__opt:hover { border-color:var(--pearl-gold-ink); }
.card-tx { box-shadow:none; border-radius:14px; }
.card-tx:hover { box-shadow:none; }
.card-tx__media { aspect-ratio:4/4.6; }
.card-tx__name { font-family:var(--font-body); font-size:21px; font-weight:600; letter-spacing:-.03em; }
.service-hero { padding-block:150px 72px; }
.tx-detail-hero { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
body:not(.is-pearl-home) .service-hero .page-hero__h { margin:30px 0 22px; font-size:clamp(52px,5.2vw,76px); font-weight:400; letter-spacing:-.045em; line-height:1.02; }
.service-hero .page-hero__sub { font-size:18px; line-height:1.7; max-width:30ch; }
.service-hero .btn-row { margin-top:32px; }
.back-link::after { display:none; }
.service-hero__image { margin:0; position:relative; }
.service-hero__image img { width:100%; height:auto; max-height:590px; aspect-ratio:4/5; object-fit:cover; border-radius:14px; display:block; }
.service-hero__image figcaption { font-size:10px; color:var(--ink-mute); padding-top:10px; text-align:right; }
.sticky-cta[hidden] { display:none!important; }
.nav__book-mobile { display:none; }
@media(max-width:1000px) {
 .nav__book-mobile { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding-inline:16px; border:1px solid rgba(255,255,255,.32); border-radius:30px; color:#fff; font-size:12px; font-weight:500; }
 .nav__actions { gap:10px; }
 .nav__book-mobile:focus-visible { outline:2px solid var(--pearl-gold-light); outline-offset:3px; }
}
.sticky-cta .btn { height:48px; font-size:13px; padding-inline:24px; box-shadow:0 4px 20px rgba(19,36,59,.18); }
@media(max-width:860px) {
 .txcar__track { gap:20px; padding-inline:24px; }
 .txcar__card { width:310px; min-width:0; }
 .tcar__track { justify-content:center; }
 .tcar__card { width:220px; }
 .tcar__card img { width:220px; height:260px; }
 .family-feature__grid { gap:36px; }
 .tx-detail-hero { gap:40px; }
 .service-hero { padding-block:124px 48px; }
}
@media(max-width:760px) {
 .txcar__head { padding-inline:24px; }
 .txcar__card { width:78vw; max-width:340px; }
 .txcar__ph { aspect-ratio:4/4.6; }
 .txcar__card h3 { padding-top:20px; font-size:19px; }
 .txcar__ctas { gap:16px; }
 .our-story__media { width:100%; max-width:350px; }
 .our-story__media img { aspect-ratio:4/4.4; }
 .our-story__body { text-align:left; }
 .our-story__body .kicker { justify-content:flex-start; }
 .our-story__p { font-size:15px; line-height:1.75; }
 .tcar__track { justify-content:flex-start; padding-inline:24px; gap:20px; }
 .tcar__card { width:calc((100vw - 68px)/2); max-width:290px; }
 .tcar__card img { width:100%; height:auto; aspect-ratio:4/4.7; }
 .tcar__card h3 { font-size:14px; }
 .family-feature { padding:48px 0; }
 .family-feature__grid { grid-template-columns:1fr; gap:32px; }
 .family-feature__body .display-3 { font-size:48px; }
 .family-feature img { aspect-ratio:4/4.5; }
 .tx-detail-hero { grid-template-columns:1fr; gap:36px; }
 .service-hero { padding-block:120px 32px; }
 body:not(.is-pearl-home) .service-hero .page-hero__h { margin:26px 0 18px; font-size:52px; }
 .service-hero .page-hero__sub { font-size:16px; }
 .service-hero .btn-row { margin-top:26px; }
 .service-hero__image img { max-height:490px; }
 .card-tx__media { aspect-ratio:4/4.5; }
}
.txcar__ph img, .tcar__card img, .lcard__media img {
  transition: transform .6s cubic-bezier(.22,.61,.36,1);
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .txcar__card:hover .txcar__ph img, .lcard:hover .lcard__media img { transform:scale(1.025); }
}
.btn { transition:background-color .22s, color .22s, box-shadow .3s, transform .3s; }
.btn:active { transform:translateY(1px); }
.btn:focus-visible, .rail-play:focus-visible { outline:2px solid var(--pearl-gold-ink); outline-offset:4px; }
.section--dark .btn:focus-visible, .cmq .btn:focus-visible { outline-color:var(--pearl-gold); }
@media(prefers-reduced-motion:reduce) {
  .txcar__ph img, .tcar__card img, .lcard__media img, .btn { transition:none; }
}
/* concept.css */
/* Pearl II: a bright, human, editorial identity. */
:root{--font-display:'Manrope',Arial,sans-serif;--font-body:'Manrope',Arial,sans-serif;--pearl:#13243b;--ink:#13243b;--line:rgba(19,36,59,.18);--line-soft:rgba(19,36,59,.12);--line-deep:rgba(19,36,59,.24);--gutter:48px;--t-display-2:clamp(46px,6vw,86px)}
html{scroll-padding-top:95px}body{background:#fff;color:#13243b;font-family:var(--font-body);font-weight:400}body h1,body h2,body h3,body h4,body em,body .serif,body .serif-i{font-family:var(--font-display);font-style:normal}body h1,body h2{font-weight:400;letter-spacing:-.065em}body h3{font-weight:500;letter-spacing:-.035em}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}button,a.btn{touch-action:manipulation}button:active,.c-button:active{transform:translateY(1px)}[hidden]{display:none!important}
body .site-header,body[data-has-hero] .site-header:not([data-scrolled="true"]){height:82px;background:#fff!important;border-bottom:1px solid var(--line-soft);color:var(--pearl);box-shadow:none;backdrop-filter:none}body .nav{height:82px}body .nav__link{color:var(--pearl);font-size:13px;font-weight:500;letter-spacing:0}body .nav__menu{gap:28px}body .nav__logo{margin-right:auto}body .nav__actions{margin-left:auto}body .nav__cta-desktop{background:var(--pearl);color:white;border:0;border-radius:4px;height:43px;font-size:12px;padding:0 21px}body .nav__burger{color:var(--pearl);border-color:var(--line)}body .nav__burger span,body .nav__burger span:before,body .nav__burger span:after{background:var(--pearl)}body .nav__book-mobile{color:var(--pearl);font-size:12px}body .pearl-logo{width:136px;height:54px;border-radius:3px}body .pearl-logo img{width:136px;height:88px;margin-top:-16px}body .mnav{background:white;color:var(--pearl)}body .mnav a,body .mnav__close{color:var(--pearl)}body .mnav__list>li>a{font-family:var(--font-body);font-size:30px;letter-spacing:-.04em}body .mnav__cta .btn--primary{background:var(--pearl);color:white}
body .btn{border-radius:4px;box-shadow:none;font-weight:500;letter-spacing:0}body .text-link{font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:0}body .page-hero{background:white;color:var(--pearl);padding-top:156px;padding-bottom:62px;border-bottom:1px solid var(--line-soft)}body:not(.is-pearl-home) .page-hero__h{font-weight:400;font-size:var(--t-display-2);letter-spacing:-.065em;max-width:15ch;line-height:1.04}body .page-hero__eyebrow{color:var(--pearl);font-size:12px;text-transform:none;letter-spacing:0}body .page-hero__sub{color:var(--pearl);font-size:17px;line-height:1.65;margin-top:24px}body .page-hero em{color:inherit}body .section{padding-top:80px;padding-bottom:80px}body .section--dark{background:var(--pearl)}body .display-3{font-weight:400;letter-spacing:-.055em;line-height:1.08}body .kicker{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0}body .service-hero .service-hero__media,body .photo-band,body .doctor-profile img,body .card-tx,body .card-tx__media,body .provider-card,body .single-loc,body .quiz,body .quiz__opt{border-radius:6px}body .service-hero{background:white;color:var(--pearl)}body .service-hero .page-hero__h,body .service-hero .page-hero__sub,body .service-hero .page-hero__eyebrow{color:var(--pearl)}body .service-hero .btn--primary{background:var(--pearl);color:white}body .service-hero .text-link{color:var(--pearl)}body .review-card{border-radius:0;box-shadow:none}body .appointment-drawer{border-radius:8px}body #appointment-title{font-size:52px;letter-spacing:-.065em;font-weight:400}body .appointment-choice{border-radius:4px}body .site-footer{background:var(--pearl);border-top:1px solid rgba(255,255,255,.22);padding-top:64px;color:#fff}body .site-footer h2{font-weight:500;letter-spacing:0}body .footer-brand__tag{font-family:var(--font-body);font-size:26px;letter-spacing:-.04em}body .site-footer a{color:white}body .footer-bottom{border-color:rgba(255,255,255,.2)}body .site-footer .site-note{color:rgba(255,255,255,.74)}
.c-wrap{width:100%;max-width:1536px;padding:0 48px;margin:auto}.c-space{padding:104px 0}.c-heading{font-size:clamp(46px,5vw,76px);line-height:1.06;margin:0;letter-spacing:-.065em;font-weight:400}.c-label{font-size:12px;margin:0 0 28px;font-weight:500;letter-spacing:.01em}.c-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:16px 23px;background:var(--pearl);color:white;text-decoration:none;font-size:13px;font-weight:600;border-radius:4px;border:1px solid transparent;white-space:nowrap;transition:background .2s,transform .2s}.c-button--white{background:#fff;color:var(--pearl)}.c-button--white:hover{background:#e8ecf0}.c-button>span{font-size:22px;font-weight:400}.c-small-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;text-decoration:none;padding:14px 0;border-bottom:1px solid currentColor}.c-small-link:hover{text-decoration:underline;text-underline-offset:5px}.c-small-link+ .c-small-link{margin-left:28px}
.c-hero{padding-top:112px}.c-hero-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.6}.c-hero-top p{margin:0}.c-hero-top a{display:flex;gap:40px;align-items:center;text-decoration:none}.c-hero-top a span{font-size:25px}.c-hero h1{font-size:clamp(70px,9.1vw,144px);line-height:1.13;letter-spacing:-.057em;margin:15px 0 24px;white-space:nowrap}.c-hero-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:12px;min-height:410px}.c-hero-photo{position:relative;overflow:hidden;border-radius:6px}.c-hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 18%;transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}.c-hero-photo:hover img{transform:scale(1.025)}.c-photo-caption{position:absolute;left:24px;bottom:21px;background:white;color:var(--pearl);padding:7px 11px;font-size:10px;border-radius:2px}.c-hero-copy{background:var(--pearl);color:white;border-radius:6px;padding:38px 36px;display:flex;flex-direction:column;align-items:flex-start}.c-hero-copy h2{font-size:38px;line-height:1.12;letter-spacing:-.055em;margin:0}.c-hero-copy>p{font-size:14px;line-height:1.75;max-width:30ch;margin:20px 0 25px;color:#fff}.c-hero-copy .c-button{width:100%}.c-hero-call{font-size:12px;margin:14px 0 0;text-decoration:none;align-self:center}.c-hero-doctor{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid #ffffff35;width:100%;font-size:11px;line-height:1.7}.c-hero-doctor img{height:48px;width:48px;object-fit:cover;border-radius:50%;object-position:center 30%}.c-hero-doctor a{font-size:12px;text-decoration:none}.c-hero-doctor a:hover{text-decoration:underline}.c-utility{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding:21px 0;font-size:11px}.c-utility a{display:flex;align-items:center;gap:18px;text-decoration:none}.c-utility a:hover{text-decoration:underline}
.c-services{padding-bottom:100px}.c-service-explorer{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;margin-top:52px}.c-service-index{padding-top:8px}.c-service-tabs{border-top:1px solid var(--line)}.c-service-tab{background:transparent;color:var(--pearl);border:0;border-bottom:1px solid var(--line);width:100%;display:flex;align-items:center;gap:24px;text-align:left;padding:23px 0;cursor:pointer;transition:padding .25s,background .25s;font-size:24px;line-height:1.25;letter-spacing:-.04em}.c-service-tab[aria-selected=true]{padding-left:16px;padding-right:16px;background:var(--pearl);color:white}.c-index{font-size:10px;letter-spacing:0;align-self:flex-start;padding-top:5px}.c-tab-arrow{margin-left:auto;opacity:0;font-size:23px}.c-service-tab[aria-selected=true] .c-tab-arrow,.c-service-tab:hover .c-tab-arrow{opacity:1}.c-service-index>.c-small-link{display:flex;justify-content:space-between;margin:20px 0 0;padding:6px 0;border:0;font-size:12px}.c-service-index>.c-small-link+.c-small-link{margin-top:8px}.c-service-stage{min-width:0}.c-service-panel{position:relative;height:505px;border-radius:6px;overflow:hidden;background:#f2f4f6;isolation:isolate}.c-service-panel img{width:100%;height:100%;object-fit:cover;object-position:center 37%}.c-service-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.94);color:var(--pearl);padding:18px 22px;display:flex;align-items:center;gap:20px}.c-service-caption p{font-size:13px;line-height:1.55;margin:0;max-width:28ch}.c-service-caption a{margin-left:auto;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;font-size:25px;text-decoration:none;flex-shrink:0}.c-service-controls{display:flex;align-items:center;justify-content:space-between;padding-top:15px;font-size:11px}.c-service-controls>div{display:flex;gap:7px}.c-service-controls button{width:42px;height:42px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--pearl);cursor:pointer}.c-service-controls button:hover{background:var(--pearl);color:white}
.c-people{border-top:1px solid var(--line);background:#f2f4f6}.c-people-intro{max-width:840px}.c-people-intro>p:last-child{font-size:16px;line-height:1.8;max-width:56ch;margin:27px 0 0}.c-people-grid{display:grid;grid-template-columns:1fr .76fr;gap:12%;margin-top:56px;align-items:start}.c-doctor{text-decoration:none;display:block;min-width:0}.c-doctor>img{width:100%;height:550px;object-fit:cover;object-position:50% 20%;border-radius:6px;display:block}.c-doctor>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.c-doctor h3{font-size:25px;margin:0}.c-doctor>div>span{font-size:11px;display:flex;align-items:center;gap:24px}.c-doctor>div>span>span{font-size:22px}.c-doctor-belief{font-size:25px;line-height:1.55;letter-spacing:-.035em;margin:0}.c-caption{font-size:10px;line-height:1.6;margin-top:18px}.c-doctor--second{margin-top:35px;width:78%;margin-left:auto}.c-doctor--second>img{height:305px;object-position:50% 24%}.c-doctor--second h3{font-size:19px}
body .concept-quiz{background:var(--pearl);color:white;padding:90px 0}.concept-quiz>.wrap-narrow{max-width:1536px;padding:0 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.concept-quiz .quiz__head{text-align:left;margin:0;padding-top:24px}.concept-quiz .kicker{color:white;justify-content:flex-start!important}.concept-quiz .quiz__h{font-size:clamp(43px,4.4vw,67px);line-height:1.1;font-weight:400;letter-spacing:-.065em;text-align:left;color:white;margin:27px 0}.concept-quiz .quiz__sub{font-size:14px;max-width:28ch;color:#fff;line-height:1.8;margin:0}.concept-quiz .quiz{padding:30px;border:1px solid #ffffff55;background:transparent;color:white;margin:0;border-radius:6px;box-shadow:none;min-height:410px;max-width:none}.concept-quiz .quiz__counter{color:#fff;font-size:10px;text-align:left}.concept-quiz .quiz__progress{height:2px;background:#ffffff40;margin-bottom:27px}.concept-quiz .quiz__bar{background:white}.concept-quiz .quiz__q{color:#fff;font-size:25px;font-weight:400;letter-spacing:-.03em;text-align:left;margin-bottom:23px}.concept-quiz .quiz__opts{grid-template-columns:1fr 1fr;gap:9px}.concept-quiz .quiz__opt{background:transparent;border:1px solid #ffffff66;border-radius:4px;color:#fff;font-size:12px;font-weight:500;min-height:69px;text-align:left;display:flex;justify-content:flex-start;flex-direction:row;gap:12px;padding:15px;box-shadow:none}.concept-quiz .quiz__opt:hover{background:#fff;color:var(--pearl);border-color:#fff;transform:none}.concept-quiz .quiz__opt-ic{width:24px;height:24px;color:inherit;flex-shrink:0}.concept-quiz .quiz__back{color:white}.concept-quiz .quiz__result-h{color:white;font-size:32px}.concept-quiz .quiz__result-lab,.concept-quiz .quiz__disclaimer,.concept-quiz .quiz__privacy{color:#fff;opacity:1;text-align:left}.concept-quiz .quiz__match{border-radius:3px;padding:19px}.concept-quiz .quiz__match h4{font-size:23px}.concept-quiz .quiz__match p{font-size:13px;line-height:1.7}.concept-quiz .quiz__cta{flex-wrap:wrap;gap:10px;justify-content:flex-start}.concept-quiz .quiz__cta .btn{font-size:12px;height:48px;padding:0 18px}.concept-quiz .quiz__cta .btn--primary{background:white;color:var(--pearl)}.concept-quiz .quiz__cta .btn--ghost{border-color:#ffffff70;color:white;background:transparent}
.c-voices .rev-carousel{margin:42px 0 4px;padding:0 0 60px}.c-voices .rev-carousel__track{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;padding:0;scrollbar-width:none}.c-voices .review-card{flex:0 0 100%;min-width:0;border:0;border-top:1px solid var(--line);padding:34px 0 0;min-height:255px;background:transparent;scroll-snap-align:start;color:var(--pearl);opacity:1;transform:none}.c-voices .review-card__quote{font-family:var(--font-body);font-size:clamp(26px,3.2vw,48px);line-height:1.35;letter-spacing:-.045em;max-width:37ch;color:var(--pearl);margin:0}.c-voices .review-card__quote:before{display:none}.c-voices .review-card__attrib{margin-top:28px;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--pearl)}.c-voices .review-card__attrib strong{font-weight:600;font-size:12px}.c-voices .rev-stars{margin-bottom:14px}.c-voices .rev-carousel__nav{top:auto;bottom:5px;transform:none;left:auto;right:0;width:42px;height:42px;background:var(--pearl);color:white;box-shadow:none;border:0}.c-voices .rev-carousel__nav--prev{right:50px}.c-voices .rail-control-bar{position:absolute;left:0;bottom:5px;justify-content:flex-start;padding:0}.c-voices .rail-play{background:white;color:var(--pearl);border:1px solid var(--line);border-radius:4px;height:42px}.c-voices .c-small-link{font-size:11px}
.c-visit{background:#f2f4f6}.c-visit-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}.c-visit-steps article{border-top:1px solid var(--line);padding-top:25px}.c-visit-number{font-size:44px;letter-spacing:-.05em;font-weight:400}.c-visit-steps h3{font-size:24px;margin:35px 0 17px}.c-visit-steps p{font-size:14px;line-height:1.8;max-width:33ch}.c-visit-links{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:26px;margin-top:43px;font-size:12px}.c-visit-links a{display:flex;gap:30px;text-decoration:none}.c-visit-links a:hover{text-decoration:underline}.c-faq .c-heading{margin-bottom:38px}.c-faq-list{border-top:1px solid var(--line)}.c-faq details{border-bottom:1px solid var(--line);padding:0}.c-faq summary{list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px 0;font-size:21px;line-height:1.4;cursor:pointer;letter-spacing:-.025em}.c-faq summary::-webkit-details-marker{display:none}.c-faq summary>span{font-size:30px;font-weight:400;transition:transform .25s}.c-faq details[open] summary>span{transform:rotate(45deg)}.c-faq details>p{max-width:70ch;font-size:15px;line-height:1.8;margin:0 0 30px}.c-faq .c-small-link{margin-top:22px}
.c-neighborhood{background:var(--pearl);color:white;padding:85px 0}.c-neighborhood-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;margin-top:50px;align-items:start}.c-address address{font-size:26px;line-height:1.5;font-style:normal;letter-spacing:-.035em}.c-phone{display:inline-block;font-size:22px;margin:20px 0;text-decoration:none}.c-address dl{margin:0 0 30px;max-width:340px}.c-address dl>div{display:flex;justify-content:space-between;font-size:12px;line-height:1.8;gap:20px;padding:5px 0;border-bottom:1px solid #ffffff30}.c-address dd{margin:0;text-align:right}.c-office{padding-top:3px}.c-office img{width:100%;height:355px;object-fit:cover;display:block;border-radius:6px}.c-office a{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #ffffff55;text-decoration:none;font-size:15px}.c-office a span{font-size:25px}
@media(min-width:1700px){.c-hero-grid{min-height:490px}.c-hero-copy{padding:44px}.c-hero-copy h2{font-size:44px}.c-hero-copy>p{font-size:16px}.c-hero-doctor{margin-top:35px}}
@media(max-width:1100px){:root{--gutter:32px}.c-wrap{padding:0 32px}.c-space{padding:80px 0}.c-hero{padding-top:110px}.c-hero h1{font-size:9vw}.c-hero-grid{grid-template-columns:1.5fr 1fr;min-height:395px}.c-hero-copy{padding:27px}.c-hero-copy h2{font-size:32px}.c-hero-copy>p{font-size:13px}.c-service-explorer{gap:45px}.c-service-tab{font-size:20px;padding:22px 0;gap:17px}.c-service-panel{height:465px}.c-people-grid{gap:8%}.c-doctor>img{height:460px}.c-doctor-belief{font-size:21px}.c-doctor--second{width:92%;margin-top:28px}.c-doctor--second>img{height:260px}.c-doctor h3{font-size:21px}.concept-quiz>.wrap-narrow{padding:0 32px;gap:36px;grid-template-columns:.8fr 1.2fr}.concept-quiz .quiz{padding:25px}.concept-quiz .quiz__opts{gap:8px}.concept-quiz .quiz__opt{padding:12px;font-size:11px}.c-neighborhood-grid{gap:50px}.c-utility{font-size:10px;gap:15px}body .nav__menu{gap:19px}}
@media(max-width:800px){body .site-header,body[data-has-hero] .site-header:not([data-scrolled="true"]),body .nav{height:70px}body .nav__menu,body .nav__cta-desktop{display:none}body .nav__burger,body .nav__book-mobile{display:flex}body .pearl-logo{width:112px;height:44px}body .pearl-logo img{width:112px;height:73px;margin-top:-14px}.c-wrap{padding:0 24px}.c-hero{padding-top:93px}.c-hero h1{font-size:9.1vw;margin:20px 0}.c-hero-grid{grid-template-columns:1.2fr 1fr}.c-hero-copy{padding:23px}.c-hero-copy h2{font-size:30px}.c-hero-copy>p{font-size:12px;line-height:1.7}.c-hero-copy .c-button{font-size:11px;padding:12px 15px;gap:10px}.c-hero-doctor{margin-top:18px;padding-top:18px}.c-utility{flex-wrap:wrap;justify-content:flex-start;gap:12px 24px}.c-utility>span{width:100%}.c-service-explorer{gap:28px}.c-service-panel{height:440px}.c-service-tab{font-size:17px;padding:22px 0;gap:11px}.c-people-grid{gap:35px;grid-template-columns:1fr 1fr}.c-doctor>img{height:410px}.c-doctor-belief{font-size:18px}.c-doctor--second{width:100%}.c-doctor--second>img{height:235px}.c-doctor>div{display:block}.c-doctor>div>span{margin-top:8px;justify-content:space-between}.concept-quiz>.wrap-narrow{padding:0 24px;gap:38px;grid-template-columns:1fr}.concept-quiz .quiz__head{padding:0}.concept-quiz .quiz__h{font-size:52px;margin:20px 0}.concept-quiz .quiz__h br{display:none}.concept-quiz .quiz__sub{max-width:100%}.concept-quiz .quiz__opt{font-size:14px;min-height:65px}.concept-quiz .quiz{min-height:350px;padding:28px}.c-visit-steps{gap:25px}.c-visit-steps h3{font-size:21px}.c-visit-steps p{font-size:13px}.c-visit-links{gap:20px;font-size:11px}.c-visit-links a{gap:15px}.c-neighborhood-grid{gap:40px;grid-template-columns:1fr 1fr}.c-office img{height:330px}.c-address address{font-size:23px}}
@media(max-width:600px){:root{--gutter:22px;--t-display-2:46px}.c-wrap{padding:0 22px}.c-space{padding:63px 0}.c-heading{font-size:43px;line-height:1.08;letter-spacing:-.067em}.c-label{font-size:11px;margin-bottom:23px}.c-hero-top{font-size:10px}.c-hero-top>a{font-size:0;gap:0}.c-hero-top>a span{font-size:25px}.c-hero h1{font-size:clamp(59px,15.6vw,90px);white-space:normal;line-height:1.01;max-width:7ch;margin:22px 0 25px;letter-spacing:-.055em}.c-hero-grid{display:flex;flex-direction:column;gap:10px;min-height:0}.c-hero-photo{height:280px;order:2}.c-hero-photo img{object-position:50% 30%}.c-hero-copy{order:1;background:white;color:var(--pearl);padding:0 0 14px;border-radius:0;display:grid;grid-template-columns:1fr auto;gap:16px 12px;align-items:center}.c-hero-copy h2{display:none}.c-hero-copy>p{grid-column:1/-1;font-size:13px;line-height:1.65;max-width:33ch;margin:0}.c-hero-copy .c-button{background:var(--pearl);color:white;height:50px;font-size:12px;padding:12px 18px;gap:24px;width:max-content;min-width:197px}.c-hero-call{font-size:10px;margin:0;align-self:center;text-decoration:underline;text-underline-offset:4px}.c-hero-doctor{display:none}.c-photo-caption{left:14px;bottom:14px;font-size:9px}.c-utility{font-size:10px;padding:20px 0;gap:12px 20px}.c-service-explorer{display:flex;flex-direction:column;gap:25px;margin-top:30px}.c-service-index{padding:0;display:contents}.c-service-tabs{display:grid;grid-template-columns:1fr 1fr;border:0;gap:7px;order:0}.c-service-tab{border:1px solid var(--line);padding:14px 11px;min-height:58px;gap:8px;font-size:12px;border-radius:3px;letter-spacing:-.02em}.c-service-tab[aria-selected=true]{padding:14px 11px}.c-index{font-size:8px;align-self:center;padding:0}.c-tab-arrow{display:none}.c-service-stage{order:1}.c-service-panel{height:360px}.c-service-caption{padding:13px 16px}.c-service-caption p{font-size:12px}.c-service-controls{padding-top:12px}.c-service-index>.c-small-link{order:2;margin:0;display:flex;font-size:12px}.c-service-index>.c-small-link+.c-small-link{margin-top:-15px}.c-people-intro>p:last-child{font-size:14px;line-height:1.8;margin-top:22px}.c-people-grid{margin-top:32px;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.c-doctor>img{height:260px;object-position:center 25%}.c-people-aside{padding-top:55px;display:flex;flex-direction:column}.c-doctor--second{order:0;margin:0}.c-doctor--second>img{height:225px}.c-doctor>div{margin-top:13px}.c-doctor h3,.c-doctor--second h3{font-size:15px;letter-spacing:-.045em;line-height:1.3}.c-doctor>div>span{font-size:10px}.c-doctor-belief,.c-people-aside>.c-caption{display:none}body .concept-quiz{padding:62px 0}.concept-quiz>.wrap-narrow{padding:0 22px;gap:28px}.concept-quiz .quiz__h{font-size:43px;line-height:1.08;margin:23px 0 18px}.concept-quiz .quiz__h br{display:block}.concept-quiz .quiz__sub{max-width:29ch;font-size:13px}.concept-quiz .quiz{padding:21px 17px;min-height:365px}.concept-quiz .quiz__q{font-size:22px;margin-bottom:20px}.concept-quiz .quiz__opt{padding:12px 9px;font-size:11px;gap:7px;min-height:70px}.concept-quiz .quiz__opt-ic{width:21px;height:21px}.concept-quiz .quiz__progress{margin-bottom:24px}.concept-quiz .quiz__result-h{font-size:29px}.concept-quiz .quiz__match p{font-size:12px}.concept-quiz .quiz__cta{display:flex;flex-direction:column;align-items:stretch}.concept-quiz .quiz__cta .btn{width:100%}.c-voices .rev-carousel{margin-top:30px}.c-voices .review-card{min-height:300px;padding-top:28px}.c-voices .review-card__quote{font-size:28px;line-height:1.45;max-width:100%}.c-voices .review-card__attrib{margin-top:24px;align-items:flex-start;flex-direction:column;gap:6px}.c-voices .review-card__attrib span{font-size:10px}.c-voices .c-small-link{display:flex;justify-content:space-between;font-size:11px;margin:0}.c-visit-steps{grid-template-columns:1fr;margin-top:32px;gap:27px}.c-visit-steps article{display:grid;grid-template-columns:45px 1fr;gap:0 22px;padding-top:21px}.c-visit-number{font-size:32px;grid-row:1/3}.c-visit-steps h3{font-size:21px;margin:3px 0 12px}.c-visit-steps p{font-size:13px;margin:0;max-width:100%;grid-column:2}.c-visit-links{flex-direction:column;margin-top:30px;padding-top:21px;gap:0}.c-visit-links a{justify-content:space-between;padding:13px 0;font-size:12px}.c-faq .c-heading{margin-bottom:28px}.c-faq summary{font-size:17px;padding:21px 0;gap:23px}.c-faq summary>span{font-size:25px;flex-shrink:0}.c-faq details>p{font-size:13px;margin-bottom:23px}.c-neighborhood{padding:63px 0}.c-neighborhood-grid{display:flex;flex-direction:column;gap:35px;margin-top:30px}.c-address{width:100%}.c-address address{font-size:25px}.c-address dl{max-width:100%;margin-bottom:25px}.c-address .c-button{width:100%}.c-office{width:100%}.c-office img{height:220px}.c-office a{font-size:13px;padding:17px 0}body .page-hero{padding-top:115px;padding-bottom:44px}body:not(.is-pearl-home) .page-hero__h{font-size:46px;max-width:100%}body .section{padding-top:55px;padding-bottom:55px}body .page-hero__sub{font-size:15px}body .service-hero{padding-top:105px}body .service-hero .page-hero__h{font-size:43px!important}body .site-footer{padding-top:45px}body .footer-brand__tag{font-size:25px}body #appointment-title{font-size:44px}body .appointment-drawer{border-radius:8px 8px 0 0}.c-hero-call .tel-inline{color:inherit} }
@media(max-width:380px){.c-hero-copy .c-button{min-width:180px;padding-inline:15px}.c-hero-call{font-size:9px}.c-people-grid{gap:12px}.c-doctor>img{height:235px}.c-doctor--second>img{height:205px}.c-heading{font-size:40px}.concept-quiz .quiz__opt{font-size:10px;padding:11px 8px}}
@media(prefers-reduced-motion:no-preference){.c-service-panel:not([hidden])>img{animation:service-enter .6s ease both}@keyframes service-enter{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.c-hero h1{animation:headline-enter .8s cubic-bezier(.2,.7,.2,1) both}@keyframes headline-enter{from{transform:translateY(12px);opacity:.2}to{transform:translateY(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.c-hero-photo:hover img{transform:none}}

/* Explicit foregrounds prevent the inherited dark-theme rules from leaking. */
body .site-header:before,body .site-header:after{display:none}body .site-header .nav__link{color:var(--pearl)!important}body .site-header .nav__cta-desktop{background:var(--pearl)!important;color:white!important}body .site-header>.wrap{max-width:1536px;padding-inline:48px}body .concept-quiz .quiz__opt span{color:inherit!important}body .concept-quiz .quiz__head .kicker{color:white!important}body .c-voices .review-card__attrib{justify-content:flex-start;text-align:left;border:0;padding-top:0}body .c-voices .review-card__attrib strong{color:var(--pearl)}
@media(max-width:800px){body .site-header>.wrap{padding-inline:24px}}
@media(max-width:600px){.c-hero-copy>p{color:var(--pearl)}body .site-header>.wrap{padding-inline:22px}.c-heading{letter-spacing:-.05em}.c-hero h1{max-width:8ch}}
body .site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:50}body.is-concept-home main h2{font-weight:400;letter-spacing:-.055em}body .nav__burger{width:44px;height:44px;background:white;border:1px solid rgba(19,36,59,.25);border-radius:50%;align-items:center;justify-content:center}body .nav__burger span{display:block!important;position:relative;width:18px;height:1px;background:var(--pearl)!important}body .nav__burger span::before,body .nav__burger span::after{content:'';position:absolute;left:0;width:18px;height:1px;background:var(--pearl)!important}body .nav__burger span::before{top:-5px}body .nav__burger span::after{top:5px}

@media(min-width:1101px){.c-hero h1{font-size:clamp(100px,10.3vw,158px);letter-spacing:-.045em;line-height:1.1}}
@media(max-width:600px){.c-hero h1>span{display:block}.c-hero h1{letter-spacing:-.045em}}
.c-service-panel{touch-action:pan-y}
body .first-visit__step{box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0}body .first-visit__num{background:transparent;color:var(--pearl);font-size:30px;width:auto;height:auto;border-radius:0}body .consult-cta em,body .consult-cta .serif{color:inherit}body .filters,body .filter-bar,body .filter-panel{box-shadow:none;border-radius:4px}body .page-hero__h{letter-spacing:-.045em!important}

.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.c-button .icon-arrow{width:23px;height:23px}.nav__book-mobile .icon-arrow{width:15px;height:15px}
/* atelier.css */
/* Pearl's independent visual system. White, logo navy, one type family. */
:root{--pearl:#13243b;--ink:#13243b;--font-display:'Manrope',Arial,sans-serif;--font-body:'Manrope',Arial,sans-serif;--line:rgba(19,36,59,.18);--gutter:clamp(22px,4.1vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--pearl);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button[hidden],[hidden]{display:none!important}:focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,h3{font-family:var(--font-body);font-weight:400}button{color:inherit}svg{flex-shrink:0}.icon-arrow{width:1.15em;height:1.15em;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.1em}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:var(--pearl);padding:12px;z-index:200}.skip-link:focus{top:10px}.p-wrap{max-width:1600px;margin:auto;padding:0 var(--gutter)}.p-section{padding:96px 0}.is-concept-home main h2{font-size:clamp(42px,4.7vw,72px);line-height:1.08;letter-spacing:-.05em;font-weight:400}.p-dark{background:var(--pearl);color:#fff}.p-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.p-section-head>p{font-size:16px;max-width:29ch;line-height:1.7;padding-bottom:4px}.p-link{display:inline-flex;align-items:center;gap:30px;padding:10px 0;text-decoration:none;border-bottom:1px solid currentColor;font-size:14px;line-height:1.5}.p-link:hover .icon-arrow{transform:translate(2px,-2px)}.p-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid transparent;border-radius:50px;background:#fff;color:var(--pearl);padding:18px 26px;font-size:14px;font-weight:600;min-height:58px;text-decoration:none;transition:transform .2s,background .2s}.p-button:hover{transform:translateY(-2px);background:#edf0f3}.p-button .icon-arrow{width:21px;height:21px}
/* Shared navigation and appointment surface. */
body .site-header{position:fixed;inset:0 0 auto;height:88px;z-index:50;background:var(--pearl)!important;color:#fff;border:0;box-shadow:none;backdrop-filter:none}body .site-header::before,body .site-header::after{display:none}body .site-header>.wrap{max-width:1600px;margin:auto;padding:0 var(--gutter)}body .nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}body .nav__logo{display:block;flex-shrink:0;margin:0;text-decoration:none}body .pearl-logo{position:relative;display:block;overflow:hidden;width:136px;height:57px;border-radius:0;background:var(--pearl)}body .pearl-logo img{width:136px;max-width:none;height:88px;margin-top:-15px;object-fit:contain}body .nav__menu{display:flex;gap:28px;margin-left:auto;margin-right:auto}body .site-header .nav__link{font-size:13px;font-weight:400;letter-spacing:0;color:#fff!important;text-decoration:none;padding:10px 0}body .nav__actions{display:flex;align-items:center;margin:0;gap:15px}body .site-header .nav__cta-desktop{border:1px solid #ffffff55;background:transparent!important;color:white!important;min-height:45px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;padding:10px 23px;font-size:12px;text-decoration:none;font-weight:500}body .nav__burger,body .nav__book-mobile{display:none}body.is-concept-home .site-header:not([data-scrolled=true]){background:transparent!important}body .site-header[data-scrolled=true]{border-bottom:1px solid #ffffff20}.mnav{display:none!important}.mnav[data-open=true]{display:flex!important;position:fixed;inset:0;background:#fff;z-index:100;color:var(--pearl);padding:90px var(--gutter) 40px;overflow-y:auto;flex-direction:column}.mnav__close{position:absolute;right:22px;top:20px;border:1px solid var(--line);background:transparent;width:44px;height:44px;border-radius:50%;font-size:30px}.mnav__list{list-style:none;padding:0;margin:0}.mnav__list>li>a{font-size:30px;letter-spacing:-.04em;display:block;padding:10px 0;text-decoration:none}.mnav__sub{list-style:none}.mnav__cta{margin-top:28px;display:grid;gap:18px}.mnav__cta-row{display:flex;flex-wrap:wrap;gap:20px}.mnav__meta{font-size:13px;display:flex;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--line);border-radius:40px;text-decoration:none;font-size:14px;font-weight:500}.btn--primary,.btn--ink{background:var(--pearl);color:#fff}.btn--ghost{background:transparent;color:var(--pearl)}.appointment-open{overflow:hidden}.appointment-drawer{position:fixed;inset:0;margin:auto;border:0;border-radius:14px;width:540px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:0;color:var(--pearl);background:white;overflow:auto}.appointment-drawer::backdrop{background:#071425b0;backdrop-filter:blur(7px)}.appointment-drawer__inside{position:relative;padding:42px}.appointment-drawer__close{position:absolute;right:18px;top:18px;border:1px solid var(--line);background:white;border-radius:50%;width:44px;height:44px;font-size:28px}.appointment-faces{display:flex;margin-bottom:24px}.appointment-faces img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid white}.appointment-faces img+img{margin-left:-7px}.appointment-drawer .kicker{font-size:12px;letter-spacing:0;text-transform:none}.appointment-drawer #appointment-title{font-size:54px;line-height:1.05;letter-spacing:-.05em;margin:15px 0 22px;font-weight:400;font-family:var(--font-body)}.appointment-drawer__intro{margin-bottom:20px;font-size:15px}.appointment-choice{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px;padding:19px 22px;margin:12px 0;text-decoration:none}.appointment-choice--primary{background:var(--pearl);color:white}.appointment-choice strong,.appointment-choice small{display:block}.appointment-choice strong{font-weight:500;font-size:17px}.appointment-choice small{font-size:12px;margin-top:3px}.appointment-drawer__note{font-size:12px;line-height:1.6;margin:22px 0 10px}.appointment-drawer .text-link{font-size:13px}
/* Hero: the artwork and typography form a single full-bleed composition. */
.p-hero{position:relative;isolation:isolate;min-height:760px;height:min(960px,100svh);background:#0a182b;color:#fff;overflow:hidden}.p-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;animation:pearl-drift 28s ease-in-out infinite alternate}.p-hero::before{content:"";position:absolute;inset:0 0 auto;height:230px;background:linear-gradient(#081426d9,#08142666 65%,transparent);z-index:-1;pointer-events:none}.p-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,32,.32),transparent 70%),linear-gradient(0deg,rgba(6,17,32,.82),transparent 60%);z-index:-1;pointer-events:none}.p-hero-content{height:100%;display:flex;flex-direction:column;padding-top:133px;padding-bottom:55px}.p-location{font-size:14px}.p-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:auto}.p-hero h1{font-size:clamp(80px,8vw,124px);line-height:.99;letter-spacing:-.065em;font-weight:400;margin:0 0 28px}.p-hero .c-hero-copy>p{font-size:15px;line-height:1.65;max-width:36ch;margin-bottom:27px}.p-hero-side{text-align:right;display:flex;flex-direction:column;gap:50px;padding-bottom:11px;font-size:13px}.p-hero-side>a{text-decoration:none}.p-explore{display:flex;gap:42px;align-items:center;border-bottom:1px solid #ffffff66;padding:12px 0}.p-explore span{font-size:22px}.p-motion{position:absolute;right:var(--gutter);bottom:15px;border:0;background:transparent;color:#fff;font-size:10px;padding:7px}.p-hero.is-paused .p-hero-art{animation-play-state:paused}@keyframes pearl-drift{from{transform:scale(1)}to{transform:scale(1.07) translateX(-1%)}}
/* Three moving care rows on desktop. */
.p-care{padding:65px 0;background:#fff}.p-care-grid{display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:70px}.is-concept-home .p-care h2{font-size:45px;letter-spacing:-.05em}.p-care .p-link{margin-top:22px}.p-loops{min-width:0;position:relative;overflow:hidden;padding-bottom:20px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.p-loop-row{overflow:hidden;height:65px;display:flex;align-items:center}.p-loop-track{display:flex;width:max-content;animation:pearl-loop var(--duration) linear infinite}.p-loop-row:nth-child(2) .p-loop-track{animation-direction:reverse}.p-loop-row:nth-child(3){opacity:.65}.p-loop-set{display:flex;align-items:center;gap:30px;padding-right:30px;white-space:nowrap}.p-loop-set>span{font-size:31px;letter-spacing:-.035em}.p-loop-set i{width:7px;height:7px;border-radius:50%;background:currentColor}.p-loop-toggle{position:absolute;bottom:0;right:10%;font-size:11px;border:0;background:white;display:flex;gap:8px;align-items:center;padding:0 6px}.pearl-loop.is-paused .p-loop-track,.p-loops:hover .p-loop-track{animation-play-state:paused}@keyframes pearl-loop{to{transform:translateX(-50%)}}
/* Treatment navigation. */
.p-treatment{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;align-items:center}.c-service-stage{min-width:0;touch-action:pan-y}.p-service-panel{position:relative;height:570px;overflow:hidden;border-radius:10px;background:white;color:var(--pearl)}.p-service-panel>img{width:100%;height:100%;object-fit:cover;object-position:50% 37%}.p-service-panel::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,14,25,.8));pointer-events:none}.p-treatment-caption{position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;z-index:1}.p-treatment-caption h3{font-size:32px;line-height:1.2;letter-spacing:-.04em}.p-treatment-caption a{border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;width:50px;height:50px;flex-shrink:0}.c-service-controls{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:11px}.c-service-controls>div{display:flex;gap:8px}.c-service-controls button{border:1px solid #ffffff50;background:transparent;color:white;border-radius:50%;width:42px;height:42px;font-size:18px}.c-service-controls button:hover{background:white;color:var(--pearl)}.p-service-tabs button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;padding:24px 0;border:0;border-bottom:1px solid #ffffff30;background:transparent;color:#ffffffa3;font-size:27px;line-height:1.25;letter-spacing:-.04em}.p-service-tabs button[aria-selected=true]{color:white}.p-service-tabs button .icon-arrow{opacity:0;transition:transform .25s,opacity .25s}.p-service-tabs button[aria-selected=true] .icon-arrow,.p-service-tabs button:hover .icon-arrow{opacity:1}.p-service-tabs button:hover{color:white}.p-service-nav>p{max-width:34ch;font-size:14px;color:#ffffffb8;margin:29px 0 14px}.p-service-nav>.p-link{font-size:13px}.p-service-panel:not([hidden])>img{animation:service-image .6s ease both}@keyframes service-image{from{opacity:.7;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
/* Real doctors, given the space of an editorial portrait. */
.p-doctor-grid{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:start}.p-doctor{display:block;text-decoration:none}.p-doctor>img{width:100%;height:590px;object-fit:cover;object-position:center 25%;border-radius:10px}.p-doctor>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:19px 0 3px}.p-doctor h3{font-size:25px;line-height:1.3;letter-spacing:-.04em}.p-doctor>div>span{display:flex;align-items:center;gap:23px;font-size:12px}.p-doctor>p{font-size:12px}.p-doctor-belief{font-size:23px;line-height:1.6;letter-spacing:-.025em;margin:0 0 40px;max-width:34ch}.p-doctor-small{width:78%;margin-left:auto}.p-doctor-small>img{height:355px;object-position:50% 25%}.p-doctor-small h3{font-size:21px}
/* Quiz retains the existing real recommendation flow. */
.is-concept-home .concept-quiz{padding:96px 0;background:var(--pearl);color:#fff}.concept-quiz>.wrap-narrow{max-width:1600px;padding:0 var(--gutter);margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center}.quiz__head .kicker{font-size:13px;display:block;margin-bottom:30px}.is-concept-home main .quiz__h{font-size:clamp(40px,4vw,62px);line-height:1.12;letter-spacing:-.05em}.quiz__sub{max-width:30ch;font-size:15px;margin-top:26px;line-height:1.8}.quiz{background:#fff;color:var(--pearl);border-radius:12px;padding:36px;min-height:415px}.quiz__counter{font-size:12px;margin:0 0 13px}.quiz__progress{height:2px;background:#13243b26;margin-bottom:29px}.quiz__bar{display:block;height:100%;background:var(--pearl);transition:width .3s}.quiz__q{font-size:25px;letter-spacing:-.04em;line-height:1.3;margin:0 0 24px;outline:none}.quiz__opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz__opt{border:1px solid #13243b38;display:flex;align-items:center;gap:12px;padding:18px 14px;min-height:69px;background:white;color:var(--pearl);border-radius:5px;text-decoration:none;text-align:left;font-size:13px;line-height:1.4;transition:background .2s}.quiz__opt:hover{background:var(--pearl);color:#fff}.quiz__opt-ic{width:24px;height:24px;stroke-width:1.25}.quiz__back{padding:0;border:0;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-bottom:20px}.quiz__result-lab{font-size:12px}.quiz__result-h{font-size:29px;line-height:1.2;letter-spacing:-.04em;margin:12px 0 20px;outline:none}.quiz__match{display:block;text-decoration:none;border-top:1px solid var(--line);padding:16px 0}.quiz__match span{display:block}.quiz__match-badge{font-size:10px;margin-bottom:5px}.quiz__match-name{font-size:18px;font-weight:600}.quiz__match-short{font-size:12px;line-height:1.6;margin:7px 0}.quiz__match-cta{font-size:12px;text-decoration:underline}.quiz__cta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.quiz__cta .btn{font-size:12px;min-height:46px;padding:10px 16px}.quiz__disclaimer,.quiz__privacy{font-size:10px;line-height:1.7;margin-top:10px}
/* Patient voices, with automatic and manual control. */
.rev-carousel{position:relative;padding-bottom:52px}.rev-carousel__track{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.rev-carousel__track::-webkit-scrollbar{display:none}.p-reviews .review-card{flex:0 0 100%;scroll-snap-align:start;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;padding:36px 40px 24px 0;min-height:290px;opacity:1;transform:none}.review-card__quote{font-size:36px;line-height:1.45;letter-spacing:-.04em;max-width:37ch}.review-card__attrib{display:flex;gap:18px;align-items:center;font-size:12px;margin-top:29px}.review-card__attrib strong{font-weight:600}.review-card__attrib span{font-size:11px}.rev-stars{display:flex;gap:4px;margin-bottom:12px}.rev-stars svg{width:15px;height:15px;fill:var(--pearl)}.rev-carousel__nav{position:absolute;bottom:0;border:1px solid var(--line);background:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.rev-carousel__nav--prev{right:51px}.rev-carousel__nav--next{right:0}.rail-control-bar{position:absolute;bottom:0;left:0}.rail-play{border:0;background:transparent;padding:10px 0;display:flex;gap:10px;align-items:center;font-size:11px}.p-review-links{display:flex;justify-content:space-between;gap:30px;margin-top:25px}
/* Patient information. */
.p-first-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.p-first-grid>div:first-child>p{font-size:14px;max-width:28ch;margin:30px 0}.p-steps article{display:grid;grid-template-columns:28px 1fr;gap:25px;padding:25px 0;border-top:1px solid #ffffff3a}.p-steps article>span{font-size:13px;padding-top:4px}.p-steps h3{font-size:26px;line-height:1.3;letter-spacing:-.035em;margin-bottom:13px}.p-steps p{font-size:14px;line-height:1.7;color:#ffffffbf;max-width:44ch}.p-first-links{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding-top:20px}.p-first-links a{text-underline-offset:6px}.p-faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.p-faq details{border-top:1px solid var(--line)}.p-faq details:last-of-type{border-bottom:1px solid var(--line)}.p-faq summary{display:flex;justify-content:space-between;gap:25px;padding:24px 0;cursor:pointer;list-style:none;font-size:17px;line-height:1.5}.p-faq summary::-webkit-details-marker{display:none}.p-faq summary>span{font-size:23px;font-weight:400;line-height:1.2}.p-faq details[open] summary>span{transform:rotate(45deg)}.p-faq details>p{font-size:14px;line-height:1.8;max-width:60ch;padding:0 30px 25px 0}.p-faq .p-link{margin-top:20px}.p-visit{padding:85px 0 80px}.p-visit-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:start}.p-office img{height:340px;width:100%;object-fit:cover;border-radius:8px}.p-office>a{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;text-decoration:none;padding:20px 0}.p-phone{font-size:32px;letter-spacing:-.035em;text-decoration:none}.p-hours dl{margin:23px 0 20px;font-size:13px}.p-hours dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff26;padding:8px 0;gap:15px}.p-hours dd{margin:0}.p-hours .p-link{font-size:12px}
/* Consistent footer and inner-page type. */
body .site-footer{padding:65px var(--gutter) 30px;background:white;color:var(--pearl);border:0}body .site-footer>.wrap{max-width:1456px;padding:0;margin:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:6%}.footer-brand .pearl-logo{margin-bottom:24px}.footer-brand__tag{font-size:23px;letter-spacing:-.03em;margin-bottom:12px}.footer-brand>p:not(.footer-brand__tag){font-size:12px;line-height:1.8;max-width:28ch}.site-footer a{color:var(--pearl)!important}.site-footer .btn{border:1px solid var(--line);background:white;color:var(--pearl);font-size:12px}.footer-col__title{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;margin:5px 0 20px}.footer-col ul{padding:0;list-style:none;margin:0}.footer-col li{margin:12px 0}.footer-col a{font-size:12px;text-decoration:none}.footer-col a:hover{text-decoration:underline}.footer-bottom{margin-top:48px;padding-top:25px;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);gap:40px}.footer-bottom__brand{display:flex;flex-direction:column;gap:8px;font-size:10px;max-width:70ch}.site-footer .site-note{color:var(--pearl);font-size:10px;line-height:1.6}.footer-bottom__legal{display:flex;gap:16px;font-size:10px}.footer-brand__social{margin-top:16px;font-size:12px}body .btn{border-radius:50px!important}body .appointment-drawer .kicker{color:var(--pearl);letter-spacing:0;text-transform:none}body .appointment-drawer .kicker:before{display:none}body .appointment-choice{border-radius:8px}body .site-footer .footer-col__title{text-transform:none;letter-spacing:0}body:not(.is-concept-home) h1,body:not(.is-concept-home) h2,body:not(.is-concept-home) h3{font-family:var(--font-body);font-weight:400}body:not(.is-concept-home) main em{font-style:normal;font-family:inherit}.tel-inline{text-underline-offset:3px}
@media(min-width:1700px){.p-hero h1{font-size:134px}.p-hero-art{object-position:50% 45%}}
@media(max-width:1100px){.p-section{padding:76px 0}.p-hero{min-height:700px}.p-hero h1{font-size:90px}.p-treatment{gap:6%}.p-service-panel{height:490px}.p-service-tabs button{font-size:22px;padding:22px 0}.p-doctor>img{height:480px}.p-doctor-small>img{height:310px}.p-doctor-belief{font-size:19px}.p-doctor h3{font-size:21px}.p-doctor-small h3{font-size:18px}.concept-quiz>.wrap-narrow{gap:5%}.quiz{padding:27px}.quiz__opt{font-size:12px;padding:15px 10px}.p-care-grid{gap:40px}.p-loop-set>span{font-size:27px}.p-review-links{font-size:12px}.footer-grid{gap:4%}body .nav__menu{gap:20px}}
@media(max-width:800px){body .site-header,body .nav{height:74px}body .nav__menu,body .site-header .nav__cta-desktop{display:none}body .nav__book-mobile{display:flex;color:white!important;font-size:13px;align-items:center;gap:12px;text-decoration:none}body .nav__burger{display:flex;width:44px;height:44px;border:1px solid #ffffff50;border-radius:50%;background:transparent;align-items:center;justify-content:center}body .nav__burger span{display:block;width:17px;height:1px;background:#fff!important;position:relative}body .nav__burger span:before,body .nav__burger span:after{content:'';position:absolute;left:0;width:17px;height:1px;background:white!important}body .nav__burger span:before{top:-5px}body .nav__burger span:after{top:5px}body .pearl-logo{width:117px;height:48px}body .pearl-logo img{width:117px;height:76px;margin-top:-13px}.p-hero{height:900px;max-height:100svh;min-height:700px}.p-hero-content{padding-top:110px;padding-bottom:54px}.p-hero h1{font-size:80px}.p-hero-art{object-position:62% center}.p-hero-side{font-size:12px}.p-care-grid{grid-template-columns:1fr;gap:25px}.p-care-grid>div:first-child{display:flex;justify-content:space-between;align-items:center}.p-care h2 br{display:none}.is-concept-home .p-care h2{font-size:37px}.p-care .p-link{margin:0}.p-loop-row{height:55px}.p-loop-set>span{font-size:28px}.p-section-head{gap:30px}.p-section-head>p{font-size:14px}.p-treatment{grid-template-columns:1.1fr 1fr;gap:30px}.p-service-panel{height:445px}.p-service-tabs button{font-size:18px;padding:21px 0}.p-treatment-caption{left:20px;right:20px;bottom:20px}.p-treatment-caption h3{font-size:24px}.p-service-nav>p{font-size:12px}.p-doctor-grid{gap:40px}.p-doctor>img{height:390px}.p-doctor-small{width:100%}.p-doctor-small>img{height:270px}.p-doctor-belief{font-size:17px;margin-bottom:26px}.p-doctor>div{align-items:flex-start}.p-doctor h3,.p-doctor-small h3{font-size:18px}.p-doctor>div>span{font-size:10px;gap:10px}.p-doctor>p{font-size:10px}.concept-quiz>.wrap-narrow{grid-template-columns:1fr;gap:35px}.quiz__head .kicker{margin-bottom:20px}.quiz__sub{max-width:100%;margin-top:18px}.quiz{min-height:0;padding:32px}.quiz__opts{grid-template-columns:repeat(3,1fr)}.quiz__opt{font-size:14px;min-height:77px}.p-first-grid,.p-faq-grid{gap:40px;grid-template-columns:1fr 1.1fr}.p-first-grid h2,.p-faq-grid h2{font-size:40px!important}.p-visit-grid{gap:35px}.p-office img{height:330px}.p-phone{font-size:25px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.p-first-links{flex-direction:column;gap:18px}}
@media(max-width:600px){:root{--gutter:22px}.p-section{padding:60px 0}.is-concept-home main h2{font-size:40px;letter-spacing:-.055em;line-height:1.12}.p-section-head{display:block;margin-bottom:30px}.p-section-head>p{margin-top:20px;font-size:14px}.p-section-head>.p-link{margin-top:20px}.p-button{padding:15px 22px;min-height:53px;font-size:13px;gap:38px}.p-link{font-size:12px;gap:22px}.p-hero{height:100svh;min-height:700px;max-height:900px}.p-hero-art{height:70%;width:100%;object-position:66% 0;object-fit:cover}.p-hero:after{background:linear-gradient(0deg,#0a182b 22%,rgba(10,24,43,.85) 38%,rgba(10,24,43,.08) 63%,rgba(10,24,43,.05))}.p-hero-content{padding-top:96px;padding-bottom:47px}.p-location{font-size:11px;max-width:17ch;line-height:1.7}.p-hero-bottom{display:block}.p-hero h1{font-size:clamp(61px,16.5vw,80px);line-height:1.01;letter-spacing:-.06em;margin-bottom:22px}.p-hero .c-hero-copy>p{font-size:13px;line-height:1.75;max-width:33ch;margin-bottom:23px}.p-hero .p-button{min-width:215px}.p-hero-side{display:none}.p-motion{bottom:9px;font-size:9px}.p-care{padding:40px 0 32px}.p-care-grid{gap:26px}.p-care-grid>div:first-child{display:block}.is-concept-home .p-care h2{font-size:32px}.p-care h2 br{display:none}.p-care .p-link{margin-top:10px}.p-loop-row{height:49px}.p-loop-row:nth-child(3){display:none}.p-loop-set{gap:23px;padding-right:23px}.p-loop-set>span{font-size:24px}.p-loop-set i{width:5px;height:5px}.p-loops{margin-inline:-22px;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.p-treatment{display:flex;flex-direction:column;gap:22px}.p-service-nav{display:contents}.p-service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;order:0;width:100%}.p-service-tabs button{font-size:13px;padding:15px 0;min-height:55px;letter-spacing:-.02em;gap:5px}.p-service-tabs button .icon-arrow{width:14px;height:14px}.c-service-stage{order:1;width:100%}.p-service-panel{height:410px;border-radius:8px}.p-treatment-caption h3{font-size:25px}.p-treatment-caption a{width:44px;height:44px}.c-service-controls{padding-top:13px}.c-service-controls button{width:40px;height:40px}.p-service-nav>p{order:2;width:100%;max-width:none;font-size:13px;margin:0}.p-service-nav>.p-link{order:3;align-self:flex-start;font-size:12px;margin-top:-12px}.p-doctor-grid{grid-template-columns:1fr;gap:33px}.p-doctor>img{height:auto;aspect-ratio:1/1.06;object-position:center 25%}.p-doctor>div{margin-top:16px}.p-doctor h3{font-size:22px}.p-doctor>div>span{font-size:11px;gap:18px}.p-doctor>p{font-size:11px}.p-doctor-aside{display:flex;flex-direction:column;gap:26px}.p-doctor-belief{font-size:17px;line-height:1.7;margin:0;max-width:none}.p-doctor-small{display:grid;grid-template-columns:116px 1fr;gap:0 21px;align-items:center}.p-doctor-small>img{grid-row:1/3;aspect-ratio:1/1.28;height:150px;width:116px;border-radius:6px;object-position:center 20%}.p-doctor-small>div{display:block;margin:0;align-self:end}.p-doctor-small h3{font-size:18px}.p-doctor-small>div>span{margin-top:9px;justify-content:space-between}.p-doctor-small>p{align-self:start;margin-top:10px;font-size:10px}.is-concept-home .concept-quiz{padding:60px 0}.concept-quiz>.wrap-narrow{gap:28px}.is-concept-home main .quiz__h{font-size:38px}.quiz__sub{font-size:13px;max-width:28ch;margin-top:20px}.quiz__head .kicker{font-size:12px;margin-bottom:20px}.quiz{padding:24px 18px;border-radius:8px;min-height:380px}.quiz__q{font-size:23px;margin-bottom:22px}.quiz__opts{grid-template-columns:1fr 1fr;gap:9px}.quiz__opt{padding:15px 10px;min-height:70px;font-size:12px;gap:9px}.quiz__opt-ic{width:22px;height:22px}.quiz__result-h{font-size:27px}.quiz__cta{flex-direction:column}.quiz__cta .btn{width:100%}.p-reviews .review-card{flex-basis:100%;padding:25px 22px 20px 0;min-height:310px}.review-card__quote{font-size:25px;line-height:1.5;letter-spacing:-.035em}.review-card__attrib{align-items:flex-start;flex-direction:column;gap:7px;margin-top:25px}.p-review-links{flex-direction:column;align-items:flex-start;gap:15px;margin-top:20px}.p-first-grid,.p-faq-grid{grid-template-columns:1fr;gap:36px}.p-first-grid h2,.p-faq-grid h2{font-size:39px!important}.p-first-grid>div:first-child>p{font-size:13px;margin:24px 0}.p-steps article{grid-template-columns:22px 1fr;gap:20px;padding:23px 0}.p-steps h3{font-size:24px;margin-bottom:10px}.p-steps p{font-size:13px}.p-first-links{flex-direction:row;flex-wrap:wrap;font-size:11px;gap:20px}.p-faq summary{font-size:16px;padding:22px 0;gap:20px}.p-faq details>p{font-size:13px;padding-right:10px}.p-visit{padding:60px 0 45px}.p-visit .p-section-head{display:flex;gap:25px;align-items:flex-end;flex-wrap:wrap}.p-visit .p-section-head .p-button{margin-top:0}.p-visit-grid{grid-template-columns:1fr;gap:30px}.p-office img{height:230px;border-radius:6px}.p-office>a{font-size:11px;padding:15px 0}.p-phone{font-size:30px}.p-hours dl{margin:20px 0;font-size:13px}.p-hours dl>div{padding:9px 0}.p-hours .p-link{font-size:12px}body .site-footer{padding:45px 22px 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-brand>p:not(.footer-brand__tag){max-width:35ch}.footer-brand .btn{margin-top:18px!important}.footer-brand__tag{font-size:25px}.footer-col__title{margin-top:0}.footer-bottom{margin-top:30px}.footer-bottom__legal{flex-wrap:wrap;gap:20px}.appointment-drawer{border-radius:12px;max-height:calc(100dvh - 24px);max-width:calc(100% - 24px)}.appointment-drawer__inside{padding:32px 24px}.appointment-drawer #appointment-title{font-size:46px}.appointment-choice{padding:17px}.appointment-drawer__close{right:14px;top:14px}.appointment-faces{margin-bottom:20px}body:not(.is-concept-home) .page-hero__h{font-size:46px!important}.p-loop-toggle{right:10%;font-size:10px}}
@media(max-width:380px){.p-hero h1{font-size:61px}.p-service-panel{height:380px}.quiz__opt{font-size:11px;padding:14px 8px}.quiz__opt-ic{width:20px;height:20px}.p-doctor-small{gap:0 17px}}
@media(max-height:650px) and (max-width:600px){.p-hero{min-height:620px}.p-hero-content{padding-top:90px;padding-bottom:40px}.p-hero h1{font-size:57px}.p-hero .c-hero-copy>p{margin-bottom:18px}.p-hero-art{height:75%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.p-motion,.p-loop-toggle{display:none}.p-loop-row{overflow:auto}.p-loop-track{transform:none}.p-loop-set[aria-hidden=true]{display:none}}
/* nav-dropdown.css */
/* Header dropdowns (About, Patient Info) for every page shell, including clean-style pages. */
.nav__group{position:relative;display:inline-flex;align-items:center}
.nav__link--parent{display:inline-flex;align-items:center;gap:4px}
.nav__caret{flex:none;transition:transform .2s ease}
.nav__group:hover .nav__caret,.nav__group:focus-within .nav__caret{transform:rotate(-180deg)}
.nav__dropdown{position:absolute;left:50%;top:100%;transform:translate(-50%,6px);min-width:220px;padding:10px;background:#fff;color:var(--pearl,#13243b);border:1px solid rgba(19,36,59,.12);border-radius:14px;box-shadow:0 18px 44px rgba(8,19,33,.16);display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:60}
.nav__dropdown::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav__group:hover .nav__dropdown,.nav__group:focus-within .nav__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
body .site-header .nav__dropdown-link{display:block;padding:11px 14px;border-radius:9px;font-size:14px;color:var(--pearl,#13243b)!important;text-decoration:none;white-space:nowrap}
body .site-header .nav__dropdown-link:hover,body .site-header .nav__dropdown-link[data-active="true"]{background:rgba(19,36,59,.06)}
.mnav__sub{margin:4px 0 8px;padding:0 0 0 18px;border-left:1px solid rgba(19,36,59,.18);display:flex;flex-direction:column}
.mnav__sub li a{display:block;padding:10px 0;font-size:19px;text-decoration:none}
/* pearl-system.css */
/* Pearl Dental Care system layer.
   Loaded in head() on every one of the 51 pages, after each page's own stylesheets and directly
   before apple-buttons.css, which still owns buttons and still loads last.
   Purpose: one footer, one wordmark, one kicker, one accordion, one FAQ pattern, one quote face,
   one breadcrumb, one map and one caption treatment across the whole site.
   The homepage declares its own tokens in home-base.css; anything token-shaped here is scoped
   with body:not(.pearl-reference-home) so the homepage keeps the look the audit praised. */

/* ============================================================ tokens */
/* site.css ships --teal as #c5a467. Measured on white that is 2.36:1 and fails WCAG AA for text.
   Text gold becomes #8a6d2f (4.87:1 on white). On navy the lighter #c5a467 is restored, because
   there it is an accent on a dark plate and reads at well over 4.5:1. */
body:not(.pearl-reference-home) {
  --teal: #8a6d2f;
  --teal-2: #8a6d2f;
  --teal-soft: #8a6d2f;
  --pd-navy: #13243b;
  --pd-gold-dark: #8a6d2f;
  --pd-gold-light: #c5a467;
  --pd-rule: rgba(19, 36, 59, .18);
}
body:not(.pearl-reference-home) .section--dark,
body:not(.pearl-reference-home) .section--teal,
body:not(.pearl-reference-home) .consult-cta,
body:not(.pearl-reference-home) .pd-navy,
body:not(.pearl-reference-home) .p-dark,
body:not(.pearl-reference-home) .cmq,
body .site-footer {
  --teal: #c5a467;
  --teal-2: #c5a467;
  --teal-soft: #c5a467;
}

/* ============================================================ wordmark */
/* pearl-wordmark-white.webp is a real alpha knockout, so the plate rectangle is gone and the
   old overflow crop and the SVG colour-matrix filter are both retired. */
body .pearl-logo {
  display: block;
  width: 185px;
  height: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
}
body .pearl-logo img {
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0;
  object-fit: contain;
  filter: none;
}
body .site-footer .pearl-logo { width: 205px; margin-bottom: 22px; }
@media (max-width: 900px) {
  body .pearl-logo { width: 156px; }
  body .site-header .nav__logo .pearl-logo { transform: none; }
  body .site-footer .pearl-logo { width: 180px; }
}
/* Dr. Jaamour asked for a bigger logo (9/25): the bar grows so the larger wordmark keeps its breathing room. */
:root:has(body.pearl-reference-home) { --nav-h: 96px; }
/* The wordmark file has empty space under the tooth, so nudge it down 5.2% of its height to centre the visible mark in the bar. */
body .site-header .nav__logo .pearl-logo { transform: translateY(5.2%); }
body:not(.pearl-reference-home) .site-header, body:not(.pearl-reference-home) .nav { height: 96px; }
@media (max-width: 800px) {
  :root:has(body.pearl-reference-home) { --nav-h: 80px; }
  body:not(.pearl-reference-home) .site-header, body:not(.pearl-reference-home) .nav { height: 82px; }
}

/* ============================================================ one footer */
/* atelier.css repaints the shared footer white on the 50 inner pages, which left the brand
   column's white type invisible and the wordmark reading as a navy rectangle. Navy everywhere. */
body .site-footer {
  background: #13243b;
  color: rgba(255, 255, 255, .72);
  border: 0;
  padding: 72px var(--gutter, 32px) 34px;
}
body .site-footer > .wrap { max-width: 1456px; margin: auto; padding: 0; }
body .site-footer a { color: rgba(255, 255, 255, .82) !important; text-decoration: none; }
body .site-footer a:hover { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
body .site-footer h2,
body .site-footer .footer-brand__tag { color: #fff; }
body .site-footer .footer-brand > p:not(.footer-brand__tag) { color: rgba(255, 255, 255, .66); }
body .site-footer .footer-col__title {
  color: rgba(255, 255, 255, .58) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 6px 0 16px;
}
/* one list reset: the old stack ran site.css gap, atelier li margin and a 40px min-height
   together and opened roughly 70px between links. */
body .site-footer .footer-col ul { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
body .site-footer .footer-col li { margin: 0; }
body .site-footer .footer-col a,
body .site-footer .footer-col__addr {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  padding: 11px 0;
  min-height: 0;
}
body .site-footer .footer-col__addr { color: rgba(255, 255, 255, .5); }
body .site-footer .btn,
body .site-footer .btn--ghost-light {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .4);
  color: #fff;
  font-size: 13px;
}
body .site-footer .btn:hover { background: rgba(255, 255, 255, .1); border-color: #fff; color: #fff; }
body .site-footer .footer-brand .btn { margin-top: 22px !important; }
body .site-footer .footer-bottom {
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  color: rgba(255, 255, 255, .55);
}
body .site-footer .footer-bottom__brand { font-size: 13px; gap: 8px; }
body .site-footer .footer-bottom__legal { font-size: 13px; }
body .site-footer .site-note { color: rgba(255, 255, 255, .5); font-size: 12px; line-height: 1.6; }
body .site-footer .tel-inline { color: rgba(255, 255, 255, .82) !important; }

/* ============================================================ one kicker */
/* Five kicker systems collapse to the homepage one: uppercase, 12px, .14em, navy, 24px rule. */
body:not(.pearl-reference-home) .kicker,
body:not(.pearl-reference-home) .eyebrow,
body:not(.pearl-reference-home) .page-hero__eyebrow,
body:not(.pearl-reference-home) .lcard__state,
body:not(.pearl-reference-home) .pd-overline,
body:not(.pearl-reference-home) .lib-card__cat {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-body, 'Manrope', Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  line-height: 1.4;
  color: #13243b;
  margin-bottom: 20px;
}
body:not(.pearl-reference-home) .kicker::before,
body:not(.pearl-reference-home) .page-hero__eyebrow::before,
body:not(.pearl-reference-home) .pd-overline::before {
  content: "";
  width: 24px;
  height: 1px;
  flex: 0 0 24px;
  background: currentColor;
  opacity: .55;
}
body:not(.pearl-reference-home) .kicker::after { content: none; }
body:not(.pearl-reference-home) .section--dark .kicker,
body:not(.pearl-reference-home) .section--teal .kicker,
body:not(.pearl-reference-home) .consult-cta .kicker,
body:not(.pearl-reference-home) .pd-navy .pd-overline,
body:not(.pearl-reference-home) .pd-navy .kicker,
body:not(.pearl-reference-home) .p-dark .kicker {
  color: #c5a467;
}
/* the library and the treatment "at a glance" rail centre their kickers; keep the rule tidy */
body:not(.pearl-reference-home) .txt-center .kicker { justify-content: center; }

/* ============================================================ one accordion */
/* Three grammars (filled navy minus, outlined plus, bare + and x) become one: a 34px outlined
   navy circle holding a plus that becomes a minus when the panel is open. Written here rather
   than in site.css because treatment pages are cleanStyles and never load site.css. */
body .faq-item,
body .pd-accordions details {
  border-bottom: 1px solid var(--pd-rule, rgba(19, 36, 59, .18));
}
body .faq-item > summary,
body .pd-accordions summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  cursor: pointer;
  padding: 22px 0;
  font-family: var(--font-body, 'Manrope', Arial, sans-serif) !important;
  font-size: 19px !important;
  font-weight: 500;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: -.01em;
}
body .faq-item > summary::-webkit-details-marker,
body .pd-accordions summary::-webkit-details-marker { display: none; }
body .faq-item__q { font-family: inherit; font-size: inherit; font-weight: inherit; }

/* one control */
body .faq-item__icon,
body .pd-accordions summary > span,
body .pearl-tech details summary > span {
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid currentColor;
  background: transparent !important;
  color: inherit;
  opacity: .62;
  font-size: 0;
  transform: none !important;
  transition: opacity .2s ease;
}
body .faq-item__icon::before,
body .faq-item__icon::after,
body .pd-accordions summary > span::before,
body .pd-accordions summary > span::after,
body .pearl-tech details summary > span::before,
body .pearl-tech details summary > span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: currentColor;
  transition: transform .25s ease, opacity .25s ease;
}
body .faq-item__icon::before,
body .pd-accordions summary > span::before,
body .pearl-tech details summary > span::before {
  width: 12px; height: 1.5px; margin: -.75px 0 0 -6px; transform: none;
}
body .faq-item__icon::after,
body .pd-accordions summary > span::after,
body .pearl-tech details summary > span::after {
  width: 1.5px; height: 12px; margin: -6px 0 0 -.75px; transform: none;
}
body .faq-item[open] .faq-item__icon,
body .pd-accordions details[open] summary > span,
body .pearl-tech details[open] summary > span { opacity: 1; }
body .faq-item[open] .faq-item__icon::after,
body .pd-accordions details[open] summary > span::after,
body .pearl-tech details[open] summary > span::after { transform: scaleY(0); }
body .faq-item__a,
body .pd-accordions details > p,
body .pearl-tech details > div {
  font-size: 16px;
  line-height: 1.75;
  max-width: 68ch;
  padding: 0 58px 24px 0;
  color: inherit;
  opacity: .84;
}
/* dark plates: hairlines and controls read on navy */
body .pd-navy .pd-accordions details,
body .section--dark .faq-item { border-color: rgba(255, 255, 255, .28); }

/* ============================================================ one quote face */
body:not(.pearl-reference-home) .review-card__quote,
body:not(.pearl-reference-home) .rev__lead blockquote,
body:not(.pearl-reference-home) .pearl-google-feature blockquote {
  font-family: 'Newsreader', Georgia, serif;
  font-size: 34px;
  line-height: 1.32;
  letter-spacing: -.02em;
  font-style: normal;
}
body:not(.pearl-reference-home) .pearl-google-pair blockquote,
body:not(.pearl-reference-home) .quote-sm blockquote {
  font-family: 'Newsreader', Georgia, serif;
  font-size: 20px;
  line-height: 1.45;
  letter-spacing: -.015em;
}
@media (max-width: 700px) {
  body:not(.pearl-reference-home) .review-card__quote,
  body:not(.pearl-reference-home) .rev__lead blockquote,
  body:not(.pearl-reference-home) .pearl-google-feature blockquote { font-size: 26px; }
  body:not(.pearl-reference-home) .pearl-google-pair blockquote { font-size: 18px; }
}

/* ============================================================ one breadcrumb */
body .crumbs,
body .lib-crumbs,
body .pd-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 22px;
  font-family: var(--font-body, 'Manrope', Arial, sans-serif);
  font-size: 13px !important;
  font-weight: 400;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.5;
  color: rgba(19, 36, 59, .74);
}
body .crumbs a,
body .lib-crumbs a,
body .pd-breadcrumb a { color: #13243b; text-decoration: none; border-bottom: 1px solid rgba(19, 36, 59, .28); padding-bottom: 1px; }
body .crumbs a:hover,
body .lib-crumbs a:hover,
body .pd-breadcrumb a:hover { border-bottom-color: #13243b; }
body .crumbs > span[aria-hidden],
body .lib-crumbs > span[aria-hidden],
body .pd-breadcrumb > span:not(:last-child) { opacity: .45; }
/* the treatment breadcrumb sits in its own white strip under the hero, not over the photo */
body .pd-crumbbar { background: #fff; border-bottom: 1px solid rgba(19, 36, 59, .1); }
body .pd-crumbbar .pd-container { padding-top: 20px; padding-bottom: 18px; }
body .pd-crumbbar .pd-breadcrumb { margin: 0; }

/* ============================================================ captions */
/* Disclosure captions are legally load bearing, so they never sit white on near white. */
body .c-photo-caption,
body .bigpic__cap,
body .pd-image-note {
  color: #13243b;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
}
body .pd-image-note {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 7px 12px;
  background: rgba(255, 255, 255, .92);
  color: #13243b;
  border-radius: 3px 0 0 0;
}
body figure figcaption,
body .pearl-visit__photo figcaption,
body .pd-photo-row figcaption {
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}
body .pearl-visit__photo figcaption,
body .pd-photo-row figcaption {
  background: linear-gradient(transparent, rgba(8, 19, 33, .82) 55%);
  padding: 54px 20px 16px;
  text-shadow: 0 1px 3px rgba(8, 19, 33, .55);
}

/* ============================================================ legal pages */
/* pages/legal.mjs emits bare h2 + p into .wrap.policies and no stylesheet ever styled it. */
/* .policies is the wrap itself, so cap the children, not the column, or the block centres */
body .policies { max-width: none; }
body .policies > * { max-width: 68ch; }
body .policies h2 {
  font-family: var(--font-body, 'Manrope', Arial, sans-serif);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.02em;
  margin: 52px 0 12px;
  padding-top: 28px;
  border-top: 1px solid rgba(19, 36, 59, .14);
}
body .policies h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
body .policies p { font-size: 16px; line-height: 1.75; margin: 0; max-width: 68ch; }
body .policies p + p { margin-top: 18px; }
body .policies a { color: #13243b; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  body .policies h2 { font-size: 20px; margin-top: 40px; padding-top: 24px; }
}

/* ============================================================ inner page hero */
/* Fifty inner pages opened with text on white and 700px of empty right half. Pages with an image
   of their own put it in the right cell; the rest halve the hero and let section one carry. */
body:not(.pearl-reference-home) .page-hero {
  padding-top: 122px;
  padding-bottom: 34px;
}
body:not(.pearl-reference-home) .page-hero__sub { max-width: 62ch; }
body .page-hero--split > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(32px, 4vw, 72px);
  align-items: center;
}
body .page-hero--split .page-hero__media { margin: 0; }
body .page-hero--split .page-hero__media img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 4px;
  display: block;
}
body .page-hero--split .page-hero__media figcaption {
  position: static;
  margin-top: 10px;
  color: rgba(19, 36, 59, .74);
  font-size: 12px;
  background: none;
  padding: 0;
  text-shadow: none;
}
@media (max-width: 900px) {
  body .page-hero--split > .wrap { display: block; }
  body .page-hero--split .page-hero__media { margin-top: 28px; }
  body .page-hero--split .page-hero__media img { height: 210px; }
}

/* ============================================================ library index hero */
body .lib-hero .txt-center { text-align: left; }
body .lib-hero .kicker { justify-content: flex-start !important; }
body .lib-hero__h { max-width: 18ch; }
body .lib-hero__h .serif,
body .lib-hero__h em {
  font-family: inherit;
  font-style: normal;
  color: inherit;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  animation: none !important;
}
body .lib-hero .lib-hero__sub { margin-left: 0; max-width: 62ch; }

/* ============================================================ no shimmer */
/* background-clip:text with an infinite gradient loop is a known invisibility risk and it gave
   the site a second closing CTA. One emphasis rule: solid colour, no animation. */
body:not(.pearl-reference-home) .hero__h em,
body:not(.pearl-reference-home) .cmq__h .serif-i,
body:not(.pearl-reference-home) .section--dark .serif,
body:not(.pearl-reference-home) .consult-cta .serif,
body:not(.pearl-reference-home) #quiz .quiz__h .serif {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--teal) !important;
  animation: none !important;
  filter: none !important;
}

/* ============================================================ one map */
/* Every Google embed sits in the same panel. The panel is designed navy with the address on it,
   so it reads as a component whether or not the embed has painted. The iframe is pulled up past
   Google's own blue "Open in Maps" chip, which is off palette and cannot be styled from outside,
   while the attribution strip along the bottom stays visible. */
body .pd-map {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background: #13243b;
  min-width: 0;
  isolation: isolate;
}
body .pd-map__plate {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 28px;
  color: rgba(255, 255, 255, .86);
  background:
    radial-gradient(120% 90% at 22% 18%, rgba(197, 164, 103, .16), transparent 62%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 64px),
    #13243b;
}
body .pd-map__plate strong { display: block; font-size: 19px; font-weight: 500; letter-spacing: -.02em; color: #fff; }
body .pd-map__plate span { font-size: 14px; line-height: 1.5; }
body .pd-map__pin { width: 26px; height: 26px; margin-bottom: 6px; display: block; fill: none; stroke: #c5a467; stroke-width: 1.6; }
body .pd-map iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: -80px;
  width: 100%;
  height: calc(100% + 80px);
  border: 0;
  display: block;
  z-index: 1;
  opacity: 0;
  transition: opacity .4s ease;
}
body .pd-map iframe.is-live { opacity: 1; }
@media (prefers-reduced-motion: reduce) { body .pd-map iframe { transition: none; } }
body .pd-map__cta {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 28px;
  padding: 13px 18px;
  min-height: 48px;
  background: #fff;
  color: #13243b !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid rgba(19, 36, 59, .14);
  border-radius: 3px;
  box-shadow: 0 3px 15px rgba(19, 36, 59, .12);
}
body .pd-map__cta:hover { background: #f6f4ef; text-decoration: none !important; }
@media (max-width: 700px) {
  /* square crop on phones: the desktop-shaped panel pushed the map into a corner */
  body .pd-map { aspect-ratio: 1 / 1; height: auto !important; min-height: 0; }
  body .pd-map__cta { left: 12px; bottom: 12px; gap: 18px; }
}

/* ============================================================ tag rows */
/* Tag rows get a rule above them; the tag shapes themselves are owned by apple-buttons.css. */
body .pd-chips,
body .lib-related__chips { border-top: 1px solid rgba(19, 36, 59, .14); padding-top: 14px; display: flex; flex-wrap: wrap; gap: 0 4px; }

/* ============================================================ arrows and text links */
body .icon-arrow { width: 1.1em; height: 1.1em; }
body .icon-arrow--e { width: 1.15em; height: 1.15em; }
body .text-link,
body .pd-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
  line-height: 1.5;
}
body .text-link::after,
body .pd-text-link::after { content: none; }

/* ============================================================ pause controls */
/* One control: a labelled capsule, never under 44px. */
body .care-loop-toggle,
body .x-care-controls [data-care-play],
body .rail-control-bar .rail-play,
body .p-motion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 11px 20px;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: transparent;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  opacity: .85;
}
body .care-loop-toggle:hover,
body .x-care-controls [data-care-play]:hover,
body .rail-control-bar .rail-play:hover,
body .p-motion:hover { opacity: 1; }
body .care-loop-toggle { color: #fff; border-color: rgba(255, 255, 255, .45); }

/* ============================================================ technology cards */
body .tech-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: stretch; }
body .tech-item { display: flex; flex-direction: column; height: 100%; }
body .tech-item p { flex: 1; }
@media (max-width: 1000px) { body .tech-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { body .tech-list { grid-template-columns: 1fr; } }

/* ============================================================ mobile type floors */
/* Meta text was running to 9px and 10px on phones. Floor: body 16px, meta 13px, caption 12px. */
@media (max-width: 700px) {
  body p, body li, body dd, body dt { font-size: max(1em, 15px); }
  body .page-hero__sub,
  body .lib-article__lede,
  body .pd-prose p { font-size: 16px; }
  body .crumbs,
  body .lib-crumbs,
  body .pd-breadcrumb,
  body .footer-bottom__brand,
  body .footer-bottom__legal,
  body .footer-bottom__legal a,
  body .pearl-visit__label,
  body .lcard__state,
  body .pearl-google-rating small { font-size: 13px !important; }
  body .c-photo-caption,
  body .bigpic__cap,
  body .pd-image-note,
  body figure figcaption,
  body .site-note,
  body .pearl-visit__hours dd small { font-size: 12px !important; }
  body .site-footer .footer-col a,
  body .site-footer .footer-col__addr,
  body .site-footer .footer-col__title { font-size: 14px; }
}

/* ============================================================ sticky safety */
/* overflow:hidden on html or body kills position:sticky. clip does the same job and keeps it. */
html, body { overflow-x: clip; }

/* ============================================================ hero media, contain */
body .page-hero--split .page-hero__media--contain img {
  height: 240px;
  object-fit: contain;
  background: linear-gradient(180deg, #f7f5f0, #efece4);
  padding: 22px;
  border-radius: 4px;
}
@media (max-width: 900px) { body .page-hero--split .page-hero__media--contain img { height: 170px; } }

/* ============================================================ treatment pages */
/* Ray keeps the the reference layout section order and the serif display headings here. Everything that is
   chrome (footer, breadcrumb, buttons, accordion, measure, CTA position) matches the rest of the
   site. treatment-editorial.css loads before this file, so these win without !important games. */
body .pd-prose p,
body .pd-long-copy .pd-prose p,
body .pd-intro p,
body .pd-practice .pd-prose p { max-width: 68ch; }
body .pd-note { max-width: 68ch; }

/* the CTA left the heading cell; on phones it now follows the intro paragraph */
body .pd-aside__cta { margin: 26px 0 0; }
body .pd-aside__head { align-self: start; }

/* the FAQ block uses the site accordion, so it needs the light-plate rhythm */
body .pd-faq .faq-list { border-top: 1px solid rgba(19, 36, 59, .18); }
body .pd-faq .faq-item__a { padding-right: 58px; }

/* quick facts: one intro line under the heading, and the panel closes up */
body .pd-facts .pd-quick-intro { font-size: 17px; line-height: 1.7; max-width: 44ch; margin-top: 22px; opacity: .88; }
body .pd-facts .pd-halves { align-items: start; }
body .pd-accordions { padding-left: 0; }
@media (min-width: 801px) { body .pd-accordions { padding-left: 40px; } }

/* testimonial carousel: pair the controls, close the empty band, label the pause */
body .pd-patient-reviews .rev-carousel { margin-bottom: 8px; }
body .pd-patient-reviews .review-card { min-height: 0; padding-bottom: 12px; }
/* controls sit together under the quote instead of stranded at the two far edges */
body .pd-patient-reviews .rev-carousel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
body .pd-patient-reviews .rev-carousel__track { flex: 0 0 100%; order: 0; margin-bottom: 10px; }
body .pd-patient-reviews .rev-carousel__nav--prev { order: 1; }
body .pd-patient-reviews .rail-control-bar { order: 2; margin: 0; }
body .pd-patient-reviews .rev-carousel__nav--next { order: 3; }
body .pd-patient-reviews .rev-carousel__nav {
  position: static !important;
  transform: none !important;
  margin: 0;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(19, 36, 59, .28);
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* the serif display face stays, the chrome type does not follow it */
body .pd-treatment .faq-item > summary,
body .pd-treatment .pd-accordions summary,
body .pd-treatment .pd-breadcrumb,
body .pd-treatment .pd-chip { font-family: var(--font-body, 'Manrope', Arial, sans-serif) !important; }

/* ============================================================ the pediatric band */
body .bigpic__cap { position: static; margin: 14px auto 0; padding: 0 var(--gutter, 24px); color: #13243b; }
body .bigpic { background: #fff; }

/* ============================================================ homepage refinements */
/* home-base.css and the home-*.css files load before this layer, so these land last. */

/* the marquee card sat on top of the running rows and clipped words mid-letter */
body.pearl-reference-home .cmq__card {
  position: static;
  transform: none;
  margin: 30px auto 0;
  box-shadow: 0 18px 50px rgba(19, 36, 59, .38);
}
body.pearl-reference-home .cmq__belt { padding-block: clamp(30px, 4vw, 52px) clamp(6px, 1vw, 14px); }
body.pearl-reference-home .cmq { padding-bottom: clamp(34px, 4vw, 56px); }

/* payments strip: one baseline for the three kickers, one divider rule, an equal card height */
body.pearl-reference-home .pearl-payments__intro,
body.pearl-reference-home .pearl-payments__coverage,
body.pearl-reference-home .pearl-payments__finance {
  justify-content: flex-start;
  padding-top: 36px;
  padding-bottom: 36px;
  margin: 0;
}
body.pearl-reference-home .pearl-payments__coverage { padding-left: 8%; padding-right: 6%; border-left: 1px solid rgba(19, 36, 59, .16); }
body.pearl-reference-home .pearl-payments__finance { padding-left: 30px; padding-right: 30px; }
body.pearl-reference-home .pearl-payments__finance .pearl-payments__finance-name { margin-top: auto; }
/* the bare "+" between the two plan names is a rule, not a character */
body.pearl-reference-home .pearl-payments__plus {
  display: block;
  width: 30px;
  height: 1px;
  background: currentColor;
  opacity: .3;
  margin: 6px 0;
}
@media (max-width: 760px) {
  body.pearl-reference-home .pearl-payments__intro,
  body.pearl-reference-home .pearl-payments__coverage,
  body.pearl-reference-home .pearl-payments__finance { padding-top: 26px; padding-bottom: 26px; }
  body.pearl-reference-home .pearl-payments__coverage { padding-left: 22px; padding-right: 0; }
  body.pearl-reference-home .pearl-payments__finance { padding-left: 22px !important; padding-right: 22px !important; }
}

/* service fold: the featured card includes the eyes */
body.pearl-reference-home .x-fold-photo img { object-position: 50% 28%; }

/* the pediatric band: no grey smear, a readable caption, subjects off centre */
body.pearl-reference-home .bigpic.family-wide img { object-position: 62% 40%; }
body.pearl-reference-home .bigpic__cap {
  position: static;
  margin: 14px auto 0;
  max-width: 1456px;
  color: #13243b;
  font-size: 12px;
}

/* the doctor block had a deep void under the portrait */
body.pearl-reference-home .our-story__grid { align-items: center; }

/* footer bottom reads left to right, not centred */
body .site-footer .footer-bottom,
body .site-footer .footer-bottom__brand,
body .site-footer .footer-bottom__brand span,
body .site-footer .footer-bottom__legal { text-align: left !important; }

/* ============================================================ neighborhood drive stat */
/* The six area pages were identical but for the town name. Each one now leads with its own
   measured drive time, the number a neighbour actually wants, in the hero's right cell. */
body .page-hero__aside { align-self: center; }
body .drive-stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 28px 30px;
  border: 1px solid rgba(19, 36, 59, .14);
  border-radius: 4px;
  background: linear-gradient(180deg, #fbf9f5, #f4f1ea);
}
body .drive-stat__num { font-size: 44px; line-height: 1; font-weight: 500; letter-spacing: -.04em; color: #13243b; }
body .drive-stat__lab { font-size: 15px; line-height: 1.5; color: rgba(19, 36, 59, .78); }
body .drive-stat__sub { font-size: 13px; color: rgba(19, 36, 59, .55); }
@media (max-width: 900px) { body .drive-stat { padding: 22px 24px; } body .drive-stat__num { font-size: 36px; } body .page-hero__aside { margin-top: 30px; } }

/* ============================================================ mobile header CTA */
/* The homepage hid this pill. It is the highest-intent surface on the site, so it shows here too,
   and it is one component: a white outline capsule on the navy (or transparent) header bar. */
body .nav__book-mobile {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
body .nav__book-mobile .icon-arrow { width: 14px; height: 14px; }
@media (max-width: 800px) { body .nav__book-mobile { display: inline-flex; } }
@media (min-width: 801px) { body .nav__book-mobile { display: none !important; } }

/* ============================================================ split hero ratio */
/* a stat card needs less room than a photo, so the headline keeps its line breaks */
body .page-hero--split:has(.page-hero__aside) > .wrap { grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); }

/* ============================================================ treatment hero note */
body .pd-image-note { right: 18px; bottom: 14px; border-radius: 3px; }

/* ============================================================ location card map */
/* the shared map panel sits beside the location card and matches its height */
body .single-loc__map { min-height: 420px; }
body .single-loc__map iframe { display: block; }
@media (max-width: 860px) { body .single-loc__map { min-height: 0; height: auto; } }

/* ============================================================ one quote face on the homepage */
/* The review block ran three type styles: a 40px display lead and two 17px sans supports.
   Same face, smaller size. */
body.pearl-reference-home .pearl-google-pair blockquote {
  font-family: var(--font-display, 'Newsreader', Georgia, serif);
  font-size: 21px;
  line-height: 1.42;
  letter-spacing: -.015em;
}
@media (max-width: 760px) {
  body.pearl-reference-home .pearl-google-pair blockquote { font-size: 18px; }
}

/* ============================================================ location card on phones */
/* card first, map second, and the directions capsule clears Google's attribution strip */
@media (max-width: 860px) {
  body .single-loc--lcard { display: flex; flex-direction: column; gap: 20px; }
  body .single-loc--lcard .single-loc__info { order: 0; }
  body .single-loc--lcard .single-loc__map { order: 1; }
}
@media (max-width: 700px) {
  body .pd-map__cta { bottom: 30px; }
}

/* one hairline between the columns and the legal row, not two */
body .site-footer .footer-grid { border-bottom: 0; padding-bottom: 8px; }
body .site-footer .footer-bottom__brand { align-items: flex-start; }

/* ============================================================ area pages: route, services, nearby */
/* The town pages carry real directions, a full service index and a nearby-town rail. These live in
   the system layer because the service pages (clean styles, no site.css) reuse the areas strip. */
body .drive-steps {
  counter-reset: drive;
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
body .drive-steps li {
  counter-increment: drive;
  position: relative;
  padding-left: 46px;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(19, 36, 59, .86);
}
body .drive-steps li::before {
  content: counter(drive);
  position: absolute;
  left: 0;
  top: 1px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(19, 36, 59, .18);
  background: #fbf9f5;
  font-size: 13px;
  font-weight: 600;
  color: #13243b;
}
body .drive-parking {
  margin-top: 22px;
  padding: 16px 20px;
  border-left: 3px solid #c5a467;
  background: rgba(197, 164, 103, .08);
  font-size: 16px;
  line-height: 1.6;
}
body .drive-parking strong { font-weight: 600; }

body .svc-link-intro {
  max-width: 62ch;
  margin: 0 0 26px;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(19, 36, 59, .78);
}
body .svc-link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
body .svc-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border: 1px solid rgba(19, 36, 59, .14);
  border-radius: 4px;
  background: #fff;
  color: #13243b;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.45;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
body .svc-link::after {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-top: 1.6px solid #c5a467;
  border-right: 1.6px solid #c5a467;
  transform: rotate(45deg);
}
body .svc-link:hover {
  border-color: rgba(19, 36, 59, .32);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(8, 19, 33, .07);
}

body .near-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body .near-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 26px;
  border: 1px solid rgba(19, 36, 59, .14);
  border-radius: 4px;
  background: #fff;
  color: #13243b;
  text-decoration: none;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
body .near-card:hover {
  border-color: rgba(19, 36, 59, .32);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(8, 19, 33, .07);
}
body .near-card__kicker {
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(19, 36, 59, .74);
}
body .near-card__title { font-size: 19px; line-height: 1.25; }

/* the areas strip that every service page ends with */
body .areas-strip { padding: 64px 0; background: #fbf9f5; }
body .areas-strip__inner { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
body .areas-strip__eyebrow {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(19, 36, 59, .74);
}
body .areas-strip h2 { margin: 10px 0 8px; font-size: 30px; line-height: 1.15; }
body .areas-strip p { margin: 0 0 22px; font-size: 16px; line-height: 1.6; color: rgba(19, 36, 59, .78); max-width: 64ch; }
body .areas-strip__links { display: flex; flex-wrap: wrap; gap: 10px; }
body .areas-strip__links a {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 11px 18px;
  border: 1px solid rgba(19, 36, 59, .16);
  border-radius: 999px;
  background: #fff;
  color: #13243b;
  text-decoration: none;
  font-size: 14px;
  transition: border-color .2s, background .2s;
}
body .areas-strip__links a:hover { border-color: rgba(19, 36, 59, .36); background: #fff; }
body .areas-strip__links small { font-size: 12px; color: rgba(19, 36, 59, .55); }

@media (max-width: 980px) {
  body .svc-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .near-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body .svc-link-grid { grid-template-columns: 1fr; }
  body .near-grid { grid-template-columns: 1fr; }
  body .drive-steps li { padding-left: 42px; font-size: 16px; }
  body .areas-strip { padding: 48px 0; }
  body .areas-strip h2 { font-size: 26px; }
}

/* ---------------------------------------------------------------- service pages by town
   .sa-points is the short fact list inside the editorial column on a service-by-town page.
   .near-grid--four lets the town page show its four service pages in one row on desktop. */
body .sa-points { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; }
body .sa-points li {
  position: relative; padding-left: 26px; font-size: 16px; line-height: 1.55;
  color: rgba(19, 36, 59, .82);
}
body .sa-points li::before {
  content: ""; position: absolute; left: 4px; top: 10px; width: 8px; height: 8px;
  border-radius: 50%; background: #c8a96a;
}
@media (min-width: 901px) { body .near-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------------------------------------------------------------- request form (/book/#request)
   A design-preview form: it posts nowhere, it carries a Preview badge, and site.js replaces the
   submit with an inline message. Styling follows the rest of the shell: ivory field, hairline
   navy border, gold focus ring, 16px text so iOS never zooms the page on focus. */
body .request-block {
  display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: start;
}
body .request-block__intro .display-3 { margin: 14px 0 18px; }
body .request-block__intro p { font-size: 17px; line-height: 1.7; color: rgba(19, 36, 59, .78); margin: 0 0 26px; max-width: 42ch; }
body .request-form {
  background: #fbfaf7; border: 1px solid rgba(19, 36, 59, .12); border-radius: 18px;
  padding: 34px; max-width: 730px;
}
body .request-form__pill {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 0 0 26px; font-size: 13px; line-height: 1.5; color: rgba(19, 36, 59, .74);
}
body .request-form__badge {
  display: inline-block; padding: 4px 12px; border-radius: 999px;
  background: #13243b; color: #fff; font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
}
body .request-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
body .request-form__field { display: grid; gap: 8px; margin-bottom: 18px; }
body .request-form__grid .request-form__field { margin-bottom: 0; }
body .request-form__field label {
  font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(19, 36, 59, .74);
}
body .request-form input,
body .request-form select,
body .request-form textarea {
  width: 100%; font: inherit; font-size: 16px; line-height: 1.5; color: #13243b;
  background: #fff; border: 1px solid rgba(19, 36, 59, .18); border-radius: 10px;
  padding: 13px 14px; transition: border-color .2s, box-shadow .2s;
}
body .request-form textarea { resize: vertical; min-height: 118px; }
body .request-form select {
  appearance: none; -webkit-appearance: none; padding-right: 42px; cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313243b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 15px 15px;
}
body .request-form__grid + .request-form__field { margin-top: 18px; }
body .request-form input::placeholder,
body .request-form textarea::placeholder { color: rgba(19, 36, 59, .38); }
body .request-form input:focus-visible,
body .request-form select:focus-visible,
body .request-form textarea:focus-visible {
  outline: none; border-color: #c8a96a; box-shadow: 0 0 0 3px rgba(200, 169, 106, .28);
}
body .request-form__consent {
  font-size: 13px; line-height: 1.65; color: rgba(19, 36, 59, .74);
  margin: 22px 0 0; padding-top: 20px; border-top: 1px solid rgba(19, 36, 59, .1);
}
body .request-form__actions { margin-top: 22px; }
body .request-form__status {
  margin: 20px 0 0; padding: 16px 18px; border-radius: 12px;
  background: #13243b; color: #fff; font-size: 15px; line-height: 1.6;
}
@media (max-width: 900px) {
  body .request-block { grid-template-columns: 1fr; gap: 34px; }
  body .request-form { padding: 26px 22px; }
  body .request-form__grid { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------- pay online note (/financing/#pay) */
body .pay-note {
  background: #fbfaf7; border-left: 3px solid #c8a96a; border-radius: 0 10px 10px 0;
  padding: 16px 18px; font-size: 16px; line-height: 1.7; color: rgba(19, 36, 59, .85);
}

/* WCAG: phone links inside text carry an underline; low-contrast greys lifted to 4.5:1 or better */
body .tel-inline{text-decoration:underline;text-underline-offset:3px}

/* Static map facade: instant, no third-party frame */
body .pd-map--static .pd-map__link{position:absolute;inset:0;display:block;z-index:1}
body .pd-map--static .pd-map__link img{width:100%;height:100%;object-fit:cover;display:block}
body .pd-map--static .pd-map__plate{display:none}
/* Location card: primary action centered */
body .single-loc--lcard .single-loc__ctas{display:flex;justify-content:center;gap:12px}
body .single-loc--lcard .single-loc__ctas .btn{margin:0}

/* Visit card: primary action centered everywhere it appears */
body .pearl-visit__details .pearl-visit__book{display:inline-flex;margin:22px auto 0}
body .pearl-visit__details{text-align:center}
body .pearl-visit__details address,body .pearl-visit__details dl,body .pearl-visit__details .pearl-visit__label,body .pearl-visit__details .pearl-visit__phone{text-align:left}
body .pearl-visit__details .pearl-visit__book{display:table;margin-left:auto;margin-right:auto}
body .pearl-visit__details .pearl-visit__book{align-self:center}

/* WCAG: inline phone links keep an underline in every context; small muted labels hold 4.5:1 */
body .tel-inline,body a.tel-inline{text-decoration:underline !important;text-underline-offset:3px}
body .areas-strip__links a small,body .near-card__kicker,body figcaption,body .request-form__pill,body .request-form label{color:#5b6572}
body .site-footer .tel-inline{color:rgba(255,255,255,.92)}

/* Tap targets: carousel dots and the slideshow control meet 24px */
body .x-care-dots>button{width:24px;height:24px;border-radius:50%;background:transparent;position:relative}
body .x-care-dots>button::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(255,255,255,.32);transition:transform .25s,background .25s}
body .x-care-dots>button[aria-current="true"]{transform:none;background:transparent}
body .x-care-dots>button[aria-current="true"]::before{background:#fff;transform:scale(1.35)}
body .x-care-controls>button,body [data-care-play]{min-height:28px}
body .r-home .x-care-dots>button,body .x-care-dots>button{width:24px;height:24px;background:transparent}
body .r-home [data-care-play],body [data-care-play]{height:auto;min-height:30px;padding-top:6px;padding-bottom:6px;line-height:1.2}
body [data-care-play]{min-height:44px !important;height:auto !important;padding:10px 12px !important;line-height:1.2 !important}
body .pearl-google-quotes figcaption strong{color:#13243b}
body .pearl-google-quotes figcaption span{color:#5b6572}
/* apple-buttons.css */
/* Button grammar from Apple's design system (getdesign.md/apple): capsule pills, 17px/400 body type with
   -0.374px tracking, 11px x 22px padding, no shadow, no hover lift, press = scale(.95), 2px focus ring.
   Colors stay Pearl's: navy is the single action color, white is the canvas. Loaded last in every shell. */
:root{--ab-navy:#13243b;--ab-navy-press:#0f1d31;--ab-focus:#2f5f9e;--ab-type:'Pearl Inter',Manrope,Inter,-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif}
body .btn,body .pd-button,body .x-cta,body .appointment-choice{font-family:var(--ab-type);font-size:17px;line-height:1.47;font-weight:400;letter-spacing:-.374px;border-radius:9999px;box-shadow:none;transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease;transform:none}
body .btn,body .pd-button,body .x-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:auto;min-height:0;padding:11px 22px;border:1px solid transparent;white-space:nowrap;text-decoration:none}
body .btn:hover,body .pd-button:hover,body .x-cta:hover{transform:none;box-shadow:none}
body .btn:active,body .pd-button:active,body .x-cta:active,body .chip:active,body .pd-chip:active,body .lib-related__chip:active,body .appointment-choice:active{transform:scale(.95)}
body .btn:focus-visible,body .pd-button:focus-visible,body .x-cta:focus-visible,body .chip:focus-visible,body .pd-chip:focus-visible,body .lib-related__chip:focus-visible{outline:2px solid var(--ab-focus);outline-offset:3px}
/* primary: navy capsule */
body .btn--primary,body .btn--ink,body .pd-button,body .btn--teal{background:var(--ab-navy);color:#fff;border-color:var(--ab-navy)}
body .btn--primary:hover,body .btn--ink:hover,body .pd-button:hover,body .btn--teal:hover{background:var(--ab-navy-press);color:#fff;border-color:var(--ab-navy-press)}
/* secondary: ghost capsule */
body .btn--ghost{background:transparent;color:var(--ab-navy);border-color:var(--ab-navy)}
body .btn--ghost:hover{background:rgba(19,36,59,.06);color:var(--ab-navy);border-color:var(--ab-navy)}
body .btn--ghost-light{background:transparent;color:#fff;border-color:#fff}
body .btn--ghost-light:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}
/* sizes */
body .btn--lg,body .pearl-film__actions .btn{padding:14px 28px!important;font-size:18px;line-height:1.2;font-weight:400}
body .btn--sm{padding:8px 15px;font-size:14px;letter-spacing:-.224px}
/* on navy surfaces the primary inverts to a white capsule */
body .consult-cta .btn--primary,body .pd-navy .pd-button,body .pearl-film__actions .btn,body .section--dark .btn--primary,body .pd-quick .pd-button,body .teamrail .btn--primary,body .x-care .x-cta{background:#fff!important;color:var(--ab-navy)!important;border-color:#fff!important}
body .consult-cta .btn--primary:hover,body .pd-navy .pd-button:hover,body .pearl-film__actions .btn:hover,body .pd-quick .pd-button:hover,body .x-care .x-cta:hover{background:#f5f5f7!important;color:var(--ab-navy)!important}
body .x-cta{justify-content:center;gap:14px;min-height:0;padding:11px 22px}
/* filter chips: hairline ghost pills, active = navy */
/* The capsule belongs to buttons only. Filter chips get a tinted fill and a small radius so they
   read as controls, and related-service tags drop the border and sit on a rule so they read as links. */
body .chip{height:auto;min-height:44px;padding:10px 18px;font-size:14px;letter-spacing:-.224px;background:rgba(19,36,59,.05);border:1px solid rgba(19,36,59,.16);border-radius:6px;color:var(--ab-navy);font-family:var(--ab-type);line-height:1.4;display:inline-flex;align-items:center;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
body .chip:hover{background:rgba(19,36,59,.09);border-color:rgba(19,36,59,.3);color:var(--ab-navy)}
body .chip[data-active="true"],body .chip[data-active="true"]:hover{background:var(--ab-navy);border-color:var(--ab-navy);color:#fff}
body .pd-chip,body .lib-related__chip{display:inline-flex;align-items:center;min-height:40px;padding:8px 0;margin-right:26px;font-family:var(--ab-type);font-size:15px;letter-spacing:-.224px;line-height:1.5;border:0;border-bottom:1px solid rgba(19,36,59,.28);border-radius:0;color:var(--ab-navy);background:transparent;text-decoration:none;transition:border-color .16s ease}
body .pd-chip:hover,body .lib-related__chip:hover{background:transparent;color:var(--ab-navy);border-bottom-color:var(--ab-navy)}
body .pd-chip:active,body .lib-related__chip:active,body .chip:active{transform:none}
/* the services filter: no card, just the pills */
body .finder{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
body .finder__chips{margin-bottom:0;gap:10px}
/* header CTA on the navy bar stays an outline capsule */
body .site-header .nav__cta-desktop{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;padding:8px 18px;font-size:14px;letter-spacing:-.224px;min-height:0}
body .site-header .nav__cta-desktop:hover{background:rgba(255,255,255,.1)!important}
/* appointment drawer cards keep their card shape */
body .appointment-choice{border-radius:14px;font-size:inherit;letter-spacing:0;line-height:inherit}
@media(max-width:600px){body .btn,body .pd-button,body .x-cta{font-size:16px;padding:11px 20px}body .btn--lg,body .pearl-film__actions .btn{padding:13px 24px!important;font-size:16px}body .btn--sm{padding:8px 14px;font-size:14px}}
/* bespoke homepage CTAs and the mobile header fix */
body .care-welcome__book,body .pearl-visit__book{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--ab-type);font-size:17px;line-height:1.47;font-weight:400;letter-spacing:-.374px;padding:11px 22px;min-height:0;max-width:none;width:auto;border-radius:9999px;background:var(--ab-navy);color:#fff;border:1px solid var(--ab-navy);box-shadow:none;transition:transform .16s ease,background-color .16s ease}
body .care-welcome__book:hover,body .pearl-visit__book:hover{background:var(--ab-navy-press)}
body .care-welcome__book:active,body .pearl-visit__book:active{transform:scale(.95)}
body .pearl-visit__book{align-self:flex-start;margin-top:28px}
body .nav__book-mobile{border-radius:9999px}
@media(max-width:800px){body .site-header .nav__cta-desktop{display:none!important}}
@media(max-width:600px){body .care-welcome__book,body .pearl-visit__book{font-size:16px;padding:11px 20px}}
body .pd-map__cta{border-radius:9999px;font-family:var(--ab-type);font-size:14px;font-weight:400;letter-spacing:-.224px;padding:10px 18px;min-height:48px;gap:14px;border:1px solid #d2d2d7;box-shadow:none}body .pd-map__cta:active{transform:scale(.95)}
/* one navy footer sitewide: column heads read the same on every page */
body .site-footer .footer-col__title{color:rgba(255,255,255,.58)}
/* analytics.css */
.pearl-consent[hidden], [data-analytics-settings][hidden]{display:none!important}
.pearl-consent{position:fixed;z-index:10000;bottom:max(20px,env(safe-area-inset-bottom));left:24px;right:24px;max-width:1040px;margin:auto;padding:24px;background:#fff;color:#13243b;border:1px solid #d8dde3;border-radius:18px;box-shadow:0 12px 48px #13243b26;display:flex;align-items:center;gap:32px;font:15px/1.5 Arial,sans-serif}
.pearl-consent strong{display:block;font-size:19px;margin-bottom:6px}.pearl-consent p{margin:0;max-width:640px}.pearl-consent a{color:inherit;text-decoration:underline}.pearl-consent__actions{display:flex;gap:10px;flex-shrink:0}.pearl-consent button{min-height:44px;padding:10px 18px;border:1px solid #13243b;border-radius:24px;background:white;color:#13243b;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}.pearl-consent button[data-choice=granted]{background:#13243b;color:white}.pearl-consent button:focus-visible,[data-analytics-settings]:focus-visible{outline:3px solid #8e7449;outline-offset:3px}
[data-analytics-settings]{appearance:none;border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:underline;min-height:44px}
@media(max-width:700px){.pearl-consent{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:20px;display:block;font-size:14px;max-height:75vh;overflow:auto}.pearl-consent__actions{margin-top:16px}.pearl-consent__actions button{flex:1}}

/* Sitewide screen-size fixes (Ray 2026-09-28). This file is last in every page bundle, so these win on all
   66 pages. 1) Cookie banner on phones: a compact bottom sheet that leaves the hero headline visible.
   2) No text under 12px (small caps labels and captions were 9 to 11px). 3) The home hero keeps its
   90%-of-screen height on big monitors instead of stopping at 1050px. */
@media(max-width:700px){
  .pearl-consent{padding:14px 16px 12px;font-size:13px;line-height:1.45;max-height:42vh;border-radius:16px}
  .pearl-consent strong{font-size:15.5px;margin-bottom:3px}
  .pearl-consent__actions{margin-top:10px;gap:8px}
  .pearl-consent__actions button{min-height:44px;padding:8px 12px}
}
@media(max-width:700px) and (max-height:620px){
  .pearl-consent{padding:12px 14px 10px;font-size:12.5px;line-height:1.4}
  .pearl-consent strong{font-size:14.5px}
  .pearl-consent__actions{margin-top:8px}
}
.pearl-film__eyebrow,.pearl-film__footer a,.pearl-payments__label,.kicker,.pearl-tech__eyebrow,.pearl-tech__caption,.pearl-tech__device,
.pearl-results__tag,.compare-instruction,.pearl-results__eyebrow,.office-gallery__count,.pearl-visit__label,.x-fold-tab span,
figcaption span,.pearl-film button span{font-size:max(12px,1em)}
.pearl-film__eyebrow,.pearl-payments__label,.kicker,.pearl-tech__eyebrow,.pearl-tech__caption,.pearl-tech__device,.pearl-results__tag,
.compare-instruction,.pearl-results__eyebrow,.office-gallery__count,.pearl-visit__label{font-size:12px!important}
@media(min-width:1200px){.pearl-family-hero{max-height:none}}
/* 12px floor, stronger: these labels had phone and component rules that beat the plain selectors */
html body .pearl-film__eyebrow,html body .pearl-payments__label,html body .kicker,html body .pearl-tech__eyebrow,html body .pearl-tech__caption,
html body .pearl-tech__device,html body .pearl-results__tag,html body .compare-instruction,html body .pearl-results__eyebrow,
html body .office-gallery__count,html body .pearl-visit__label,html body .review-card__attrib span,html body .near-card__kicker,
html body .area-card__kicker,html body .pearl-results__panel small,html body .x-fold-copy small,html body .x-fold-tab,
html body .pearl-google-rating small,html body main dd small,html body .pearl-film__footer button,html body .pearl-film__footer a,
html body main figcaption span{font-size:12px!important}
/* Laptop fit (13-inch and Windows laptops): the office tour and the booking card fit one screen */
@media(min-width:1000px) and (max-height:1000px){
  .pearl-office-tour video{max-height:72vh}
  .pearl-office-tour__photos{grid-template-columns:1fr 1fr;gap:20px}
  .pearl-office-tour__photos img{max-height:66vh;aspect-ratio:3/4;object-fit:cover}
  .lcard__media{aspect-ratio:auto;height:26vh}
}
/* 12px floor for the three homepage labels whose own rules use body-class + attribute specificity */
html body.pearl-reference-home[data-has-hero] .pearl-payments--compact .pearl-payments__label,
html body.pearl-reference-home[data-has-hero] .pearl-payments .pearl-payments__label,
html body.pearl-reference-home .pearl-payments__label,
html body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__eyebrow,
html body.pearl-reference-home .pearl-family-hero .pearl-film__eyebrow,
html body .x-fold.is-active .x-fold-tab{font-size:12px!important}
/* Laptop fit, 768-800px tall screens: treatment and town content sections tighten their padding a little */
@media(min-width:1000px) and (max-height:800px){
  .pd-section{padding-top:clamp(40px,7vh,96px)!important;padding-bottom:clamp(40px,7vh,96px)!important}
  main .section{padding-top:clamp(40px,7.5vh,110px);padding-bottom:clamp(40px,7.5vh,110px)}
}
@media(min-width:1000px) and (max-height:1100px){
  .pearl-office-tour video{max-height:72vh}
  .pearl-office-tour__photos{grid-template-columns:1fr 1fr;gap:20px}
  .pearl-office-tour__photos img{max-height:66vh;aspect-ratio:3/4;object-fit:cover}
}

/* 12px floor, smallest phones: service fold button (was 11px at 360 and under) */
@media(max-width:360px){html body .r-home .x-fold-copy .x-cta,html body .x-fold-copy .x-cta{font-size:12px!important}}