/* 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')}
/* 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}
/* home-base.css */




: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:         #13243b;
  --teal-2:       #13243b;
  --teal-soft:    #13243b;
  --clay:         #13243b;
  --clay-deep:    #13243b;
  --clay-soft:    #13243b;
  --orange-pop:   #13243b;
  --amber:        #13243b;
  --champagne:    #ffffff;
  --sage:         #13243b;
  
  --green-ink:    #13243b;

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

  
  --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: "Cormorant Garamond", Georgia, serif;
  --font-body:    "Roboto", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, 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: #13243b;
  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: #13243b;
  color: var(--ink);
}
.btn--ink:hover { background: #13243b; 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: #13243b;
  color: var(--ink);
  border-color: #13243b;
}
.chip[data-active="true"]:hover { background: #13243b; border-color: #13243b; 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(19,36,59,0.06) 0%, transparent 60%),
    radial-gradient(50% 40% at 85% 70%, rgba(19,36,59,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(19,36,59,0) 60%, rgba(19,36,59,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(19,36,59,0) 60%, rgba(19,36,59,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: #13243b; }


.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: #13243b; color: var(--ivory); border-color: #13243b;
}
.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(19,36,59,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: #13243b;
  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: #13243b;
  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(19,36,59,0.04) 0%, transparent 80%);
}
.loc-row[data-hi="true"] {
  background: linear-gradient(90deg, rgba(19,36,59,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: #13243b; box-shadow: 0 0 0 3px rgba(19,36,59,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(19,36,59,0.20), 0 4px 12px rgba(19,36,59,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(19,36,59,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(19,36,59,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(19,36,59,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(19,36,59,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(19,36,59,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(19,36,59,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(19,36,59,0.04), transparent 70%);
}
.tx-finder__concern[data-active="true"] {
  padding-left: 12px;
  background: linear-gradient(90deg, rgba(19,36,59,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(19,36,59,0) 30%, rgba(19,36,59,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: #13243b;
  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(19,36,59,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(19,36,59,0.08) 0%, transparent 60%),
    radial-gradient(40% 40% at 70% 70%, rgba(19,36,59,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(19,36,59,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: #13243b;
}
.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: #13243b; }


.gsum {
  max-width: 540px;
  margin: 0 auto var(--s-7);
  background: var(--ivory);
  border: 1px solid var(--line);
  border-top: 3px solid #13243b;
  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), #13243b);
}
.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, #13243b); 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 #13243b; }
.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, #13243b);
  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: #13243b;
  -webkit-text-fill-color: #13243b;
  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, #13243b 40%, #ffffff 50%, #13243b 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: #13243b;
    color: #13243b;
  }
}
.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, #13243b);
  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; }
/* home-flight.css */
/* Reference geometry with Pearl type, colors and source-specific assets. */
:root{--font-display:'Pearl Caslon',Georgia,serif;--font-body:'Manrope',Arial,sans-serif;--pearl:#13243b;--pearl-gold:#13243b;--pearl-gold-ink:#13243b;--pearl-gold-light:#fff;--line:rgba(19,36,59,.14);--line-soft:rgba(19,36,59,.12);--line-deep:rgba(19,36,59,.3)}
html{scroll-behavior:smooth}.pearl-reference-home{background:white}.pearl-reference-home .site-header{background:#13243b}.pearl-reference-home .site-header:not([data-scrolled=true]){background:transparent}.pearl-reference-home .pearl-logo{background:transparent}.nav__caret{flex:0 0 auto}.icon-arrow{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.4}
.pearl-payment{padding:26px 0 24px;background:white;color:var(--pearl)}.pearl-payment__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:68px}.pearl-payment__plans{display:flex;gap:40px;font-size:14px;letter-spacing:.01em;margin:0}.pearl-payment__inner>a{display:flex;align-items:center;gap:20px;font-size:13px;text-decoration:none;min-height:44px}.pearl-payment__plans span+span{border-left:1px solid var(--line);padding-left:40px}
.cmq{background:#13243b}.cmq__h,.cmq__h .serif-i,.cmq__track li{color:white}.cmq__row--rev .cmq__track li{color:#ffffff8c}.cmq__row--third .cmq__track li{color:#ffffff50}.cmq__track li::after{background:white}.cmq__row--third .cmq__track{animation-duration:108s}.cmq__card{background:white;color:#13243b}.care-loop-toggle{color:white}.cmq__row:focus-visible{outline-color:white}.cmq__row::before{background:linear-gradient(90deg,#13243b,transparent)}.cmq__row::after{background:linear-gradient(270deg,#13243b,transparent)}
.quiz{background:#13243b;color:white}.quiz__q,.quiz__result-h,.quiz__counter,.quiz__back,.quiz__disclaimer,.quiz__privacy{color:white}.quiz__progress{background:#ffffff40}.quiz__bar{background:white}.quiz .btn--primary{background:white;color:#13243b}.quiz__opt,.quiz__match{background:white;color:#13243b}.quiz__opt:hover{background:white;color:#13243b}.quiz__match-name,.quiz__match-short,.quiz__match-cta{color:#13243b}.quiz__privacy{font-size:12px}
.section--dark .serif,.section--dark .kicker,.section--dark .text-link{color:white}.section--dark .btn--primary{background:white;color:#13243b}.teamrail__intro{color:#ffffffce}.tcar__card span{color:#ffffffb0}.tcar__card img{width:110px;height:110px}.teamrail__creds{border-color:#ffffff33}.family-feature{height:620px;position:relative;overflow:hidden;background:white}.family-feature__grid{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.family-feature__body p{margin:24px 0}.family-feature img{height:100%;max-height:620px;width:100%;object-fit:cover;object-position:50% 35%}.family-feature .text-link{color:#13243b}.our-story__media img{height:100%;width:100%;object-fit:cover;object-position:50% 25%}.single-loc__hours{margin:20px 0}.single-loc__hours>div{display:flex;justify-content:space-between;gap:24px;font-size:13px;padding:4px 0}.single-loc__hours dd{margin:0}.site-footer .footer-brand__tag,.site-footer .footer-col__title{color:white}.site-footer .btn--ghost-light{color:white;border-color:#ffffff80}.site-note{color:#ffffffa8}.rev__lead blockquote{font-size:clamp(19px,2vw,27px)}
/* The hero's 3D camera is scrubbed by ScrollCraft. No scroll trapping. */
.pearl-flight{position:relative;background:#13243b;color:white}.flight-act{height:100svh;min-height:720px;position:relative}.flight-stage{position:relative;height:100svh;min-height:720px;overflow:hidden;isolation:isolate;background:#13243b}.flight-poster,.flight-canvas,.flight-shade{position:absolute;inset:0;width:100%;height:100%}.flight-poster{object-fit:cover}.flight-canvas{opacity:0;transition:opacity .5s}.flight-canvas canvas{display:block;width:100%;height:100%}.pearl-flight[data-ready=true] .flight-canvas{opacity:1}.flight-shade{pointer-events:none;background:linear-gradient(180deg,#13243b85,transparent 28%,transparent 35%,#13243be0 100%)}.flight-opening{position:absolute;left:24px;right:24px;bottom:114px;text-align:center;opacity:var(--flight-copy,1);transform:translateY(var(--flight-rise,0px))}.flight-opening .hero__eyebrow{font-size:12px;margin:0 0 22px;color:white}.flight-opening h1{font:400 clamp(62px,6.7vw,98px)/.98 var(--font-display);letter-spacing:-.025em;color:white;margin:0 0 25px;text-shadow:0 2px 24px #13243b40}.flight-opening h1 em{font-weight:400;font-style:italic;color:white}.flight-sub{font-size:18px;line-height:1.6;margin:0 0 25px;color:white}.flight-opening .hero__actions{margin:0;justify-content:center}.flight-opening .btn--primary{background:white;color:#13243b}.flight-opening .hero__quiz-link{display:inline-flex;color:white;margin:24px 0 0;font-size:13px}.flight-ending{position:absolute;left:24px;right:24px;bottom:150px;text-align:center;opacity:var(--flight-end,0);pointer-events:none}.flight-ending p{font:400 clamp(62px,7vw,104px)/1 var(--font-display);letter-spacing:-.025em;margin-bottom:22px;color:white}.flight-ending span{font-size:16px}.flight-bottom{position:absolute;left:clamp(24px,5vw,72px);right:clamp(24px,5vw,72px);bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.flight-bottom a{display:flex;align-items:center;gap:28px;color:white;min-height:44px;text-decoration:none}.flight-bottom button{color:white;background:transparent;border:0;border-bottom:1px solid #ffffff60;min-height:44px;font:inherit;cursor:pointer}.flight-bottom>span{font-size:9px;color:#ffffffb0}.pearl-flight[data-motion=off] .flight-act{height:100svh!important;min-height:720px}.pearl-flight[data-motion=off] .flight-stage{position:relative!important;top:auto!important}.pearl-flight[data-motion=off] .flight-opening{opacity:1!important;transform:none!important}.pearl-flight[data-motion=off] .flight-ending{display:none}
@media(max-width:760px){.pearl-payment{padding:23px 0}.pearl-payment__inner{flex-direction:column;gap:9px;min-height:0}.pearl-payment__plans{gap:16px;font-size:12px}.pearl-payment__plans span+span{padding-left:16px}.pearl-payment__inner>a{font-size:12px;min-height:35px}.cmq__row--third{display:none}.family-feature{height:auto}.family-feature__grid{grid-template-columns:1fr;gap:30px;padding-top:64px;padding-bottom:0}.family-feature img{height:390px}.family-feature__body{padding-bottom:12px}.tcar__track{justify-content:center}.flight-act,.flight-stage,.pearl-flight[data-motion=off] .flight-act{min-height:700px}.flight-opening{bottom:115px;left:24px;right:24px}.flight-opening h1{font-size:56px;line-height:1.02;margin-bottom:22px}.flight-opening .hero__eyebrow{font-size:10px;line-height:1.8;margin-bottom:24px;letter-spacing:.12em}.flight-sub{font-size:15px;line-height:1.6;margin-bottom:25px}.flight-opening .hero__actions{flex-direction:column;gap:13px}.flight-opening .hero__actions .btn{width:100%;min-height:48px;font-size:13px}.flight-opening .hero__quiz-link{display:none}.flight-ending{bottom:195px}.flight-ending p{font-size:58px}.flight-bottom{left:24px;right:24px;bottom:20px;flex-wrap:wrap;gap:0 15px}.flight-bottom>span{width:100%;text-align:center;margin-top:3px;font-size:8px}.flight-shade{background:linear-gradient(180deg,#13243b80,transparent 25%,#13243b30 36%,#13243bed 85%)}.flight-poster{object-position:50% 40%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flight-act{height:100svh!important}.flight-stage{position:relative!important}.flight-ending{display:none}.flight-canvas{transition:none}.flight-opening{opacity:1!important;transform:none!important}}

.flight-stage.sc-stage{position:sticky;top:0}.pearl-reference-home .site-header{position:fixed;top:0;left:0;right:0;background:#13243b!important}.pearl-reference-home .site-header:not([data-scrolled=true]){background:transparent!important}.pearl-reference-home .site-header .nav__link{color:white}.pearl-reference-home .site-header .nav__burger span,.pearl-reference-home .site-header .nav__burger span:before,.pearl-reference-home .site-header .nav__burger span:after{background:white}.pearl-reference-home .nav__cta-desktop{background:white;color:#13243b}.pearl-reference-home .site-header:before{display:none}
.cmq__h .serif-i,.section--dark em.serif{background:none;-webkit-text-fill-color:white;color:white;animation:none}.quiz__h .serif{background:none;-webkit-text-fill-color:#13243b;color:#13243b;animation:none}
.js-ready .pearl-flight[data-motion=on] .flight-act{height:250svh}
@media(max-width:760px){.js-ready .pearl-flight[data-motion=on] .flight-act{height:210svh}}
@media(prefers-reduced-motion:reduce){.js-ready .pearl-flight .flight-act{height:100svh!important}}
#quiz .quiz__head .kicker,#quiz .quiz__h .serif{color:white;-webkit-text-fill-color:white;background:none}#quiz .quiz__head .kicker:after{background:white}.quiz{background:white;color:#13243b}.quiz__q,.quiz__result-h,.quiz__counter,.quiz__back,.quiz__disclaimer,.quiz__privacy{color:#13243b}.quiz__progress{background:#13243b25}.quiz__bar{background:#13243b}.quiz__opt{border:1px solid #13243b25;background:white}.quiz__opt:hover{border-color:#13243b}.quiz .btn--primary{background:#13243b;color:white}.quiz__match{border:1px solid #13243b25}
.flight-opening .hero__actions{display:flex;gap:24px;align-items:center;justify-content:center}.single-loc__hours{display:block}.single-loc__hours>div{padding:6px 0;border-bottom:1px solid var(--line-soft)}.single-loc__hours dt{font-weight:500}.single-loc__hours dd{text-align:right;white-space:nowrap}
@media(max-width:760px){.flight-opening .hero__actions{gap:13px}}
.pearl-reference-home .bigpic__cap{z-index:1;color:#13243b}.pearl-reference-home .bigpic img{object-position:50% 42%}



/* home-approved-services.css */
@font-face{font-family:'Pearl Caslon';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/pearl-caslon.woff2) format('woff2')}
@font-face{font-family:'Pearl Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/pearl-inter.woff2) format('woff2')}

.pearl-services{--x-navy:#13243b;--x-pad:clamp(24px,5vw,88px);--r-gutter:clamp(24px,4.5vw,72px);--font-body:'Pearl Inter',Arial,sans-serif;--font-display:'Pearl Caslon',Georgia,serif;font-family:var(--font-body);letter-spacing:-.015em;overflow:clip}.pearl-services h2,.pearl-services h3,.pearl-services p{margin:0}.pearl-services h2{font:400 clamp(44px,4.6vw,68px)/1.04 var(--font-display);letter-spacing:-.025em}.pearl-services a{text-underline-offset:5px}.pearl-services button{font:inherit}.pearl-services .icon-arrow{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.4}.pearl-services :focus-visible{outline:2px solid currentColor;outline-offset:5px}
.x-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;text-decoration:none;border:1px solid white;background:white;color:var(--x-navy);font-size:14px;font-weight:500;line-height:1.4;padding:17px 22px;min-height:56px;border-radius:0;transition:background .25s,color .25s}.x-cta:hover{background:var(--x-navy);color:white}.x-cta>.icon-arrow,.x-cta>span{transition:transform .25s}.x-cta:hover>span{transform:translate(2px,-2px)}
.x-care{padding:76px var(--x-pad) 44px;background:var(--x-navy);color:white}.x-care-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:36px}.x-care-heading p{max-width:28ch;font-size:14px;line-height:1.65;padding-bottom:5px}.x-service-folds{display:flex;height:570px;gap:6px}.x-fold{position:relative;isolation:isolate;overflow:hidden;flex:1;min-width:65px;transition:flex .7s cubic-bezier(.25,.7,.2,1)}.x-fold.is-active{flex:5.6}.x-fold-photo{position:absolute;inset:0;z-index:-2}.x-fold-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform 1s}.x-fold:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#13243bf5,rgba(19,36,59,.7) 30%,transparent 76%)}.x-fold:not(.is-active):after{background:#13243b50}.x-fold-tab{position:absolute;inset:0;z-index:1;color:white;background:transparent;border:0;padding:25px 17px;display:flex;align-items:flex-end;justify-content:center;font-size:16px!important}.x-fold:not(.is-active) .x-fold-tab span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.x-fold.is-active .x-fold-tab{inset:0 0 auto;height:48px;padding:12px 24px;justify-content:flex-start;font-size:11px!important}.x-fold.is-active .x-fold-tab span{clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.x-fold.is-active .x-fold-tab:focus-visible span{clip-path:none;width:auto;height:auto}.x-fold-copy{position:absolute;left:28px;right:28px;bottom:28px;z-index:2}.x-fold-copy h3{font:400 clamp(38px,3.5vw,53px)/1.02 var(--font-display);letter-spacing:-.02em;margin-bottom:16px}.x-fold-copy p{font-size:15px;line-height:1.7;margin-bottom:23px;max-width:37ch}.x-fold-copy .x-cta{font-size:13px;min-height:52px;padding:14px 18px}.x-fold-copy small{font-size:9px;display:block;margin-top:13px;opacity:.8}.x-care-controls{display:flex;align-items:center;gap:25px;margin-top:20px;font-size:12px}.x-care-controls>button{background:none;border:0;color:white;padding:10px 0;font-size:11px;min-height:44px}.x-care-controls>div{display:flex;gap:8px}.x-care-controls>div>button{width:44px;height:44px;border:1px solid #ffffff65;background:transparent;color:white;font-size:22px}.x-care-controls>a{display:flex;align-items:center;gap:25px;margin-left:auto;text-decoration:none;font-size:13px}
/* The service accordion follows the user's drawing: one wide panel and five narrow panels. */
.r-home .x-care{padding:76px var(--r-gutter) 40px;--font-display:'Pearl Caslon',Georgia,serif;--font-body:'Pearl Inter',Arial,sans-serif;font-family:var(--font-body)}
.r-home .x-care h2,.r-home .x-fold-copy h3{font-family:var(--font-display)}
.r-home .x-service-folds{height:590px;gap:8px}.r-home .x-fold{border-radius:12px}.r-home .x-fold-copy{left:28px;right:28px;bottom:27px}.r-home .x-fold-copy h3{font-size:48px;line-height:1.04;margin-bottom:18px}.r-home .x-fold-copy p{font-size:15px;line-height:1.7;max-width:33ch}.r-home .x-fold-copy .x-cta{border-radius:40px;min-height:51px}.r-home .x-fold:not(.is-active):after{background:linear-gradient(0deg,#0b182bc9,rgba(19,36,59,.32) 80%)}.r-home .x-care-heading{margin-bottom:33px}.r-home .x-care-heading p{font-size:14px}.r-home .x-fold-tab{font-size:17px!important}.r-home .x-care-controls>div>button{border-radius:50%;width:46px;height:46px}.r-home .x-fold-copy small{font-size:9px}
@media(max-width:1000px) and (min-width:601px){.r-home .x-service-folds{height:540px}.r-home .x-fold-copy{left:20px;right:20px}.r-home .x-fold-copy h3{font-size:36px}.r-home .x-fold-copy p{font-size:13px}.r-home .x-fold-tab{font-size:14px!important}.r-home .x-fold-copy .x-cta{padding:13px 16px;font-size:12px;gap:18px}}
@media(max-width:600px){
 .r-home .x-care{padding:52px 24px 30px}.r-home .x-care-heading{margin-bottom:23px}.r-home .x-care-heading h2{font-size:47px;line-height:1.06}.r-home .x-care-heading p{font-size:13px;max-width:30ch}.r-home .x-care-controls{margin-bottom:24px;gap:0 16px}.r-home .x-care-controls>a{font-size:12px}.r-home .x-care-controls>button{font-size:10px;min-height:35px}.r-home .x-care-controls>div>button{width:44px;height:44px}
 .r-home .x-service-folds{display:flex;height:510px;gap:7px;overflow-x:auto;overflow-y:hidden;margin-inline:-24px;padding:0 24px;scrollbar-width:none;touch-action:pan-y;position:relative}.r-home .x-service-folds::-webkit-scrollbar{display:none}
 .r-home .x-fold{display:block;flex:0 0 42px;min-width:42px;border-radius:10px;transition:flex-basis .7s cubic-bezier(.25,.7,.2,1)}.r-home .x-fold.is-active{display:block;flex:0 0 calc(100vw - 92px)}
 .r-home .x-fold-photo{position:absolute;inset:0;height:100%;aspect-ratio:auto;z-index:-2}.r-home .x-fold-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;animation:none}.r-home .x-fold:after{display:block;background:linear-gradient(0deg,#13243bf5,rgba(19,36,59,.8) 35%,transparent 76%)}
 .r-home .x-fold-tab{display:flex;inset:0;height:auto;padding:20px 9px;align-items:flex-end;justify-content:center;font-size:13px!important}.r-home .x-fold.is-active .x-fold-tab{display:flex;inset:0 0 auto;height:44px;padding:8px 16px}.r-home .x-fold:not(.is-active) .x-fold-tab>span{writing-mode:vertical-rl;transform:rotate(180deg)}
 .r-home .x-fold-copy{position:absolute;left:20px;right:20px;bottom:24px;padding:0}.r-home .x-fold-copy h3{font-size:36px;line-height:1.04;margin-bottom:15px}.r-home .x-fold-copy p{font-size:13px;line-height:1.75;margin-bottom:20px;max-width:none}.r-home .x-fold-copy .x-cta{padding:13px 16px;min-height:49px;font-size:12px;gap:16px;width:100%}.r-home .x-fold-copy small{position:static;background:none;padding:0;margin-top:12px;font-size:8px}
}
@media(max-width:360px){.r-home .x-fold-copy{left:16px;right:16px}.r-home .x-fold-copy h3{font-size:31px}.r-home .x-fold-copy p{font-size:12px}.r-home .x-fold-copy .x-cta{font-size:11px;gap:10px;padding:12px}.r-home .x-service-folds{height:495px}}
@media(prefers-reduced-motion:reduce){.r-home .x-fold{transition:none}.r-home .x-fold-photo img{animation:none}}

@media(max-width:600px){.pearl-services .x-care-heading{gap:18px;align-items:flex-start;flex-direction:column}.pearl-services .x-care-heading p{max-width:28ch}.pearl-services .x-care-heading h2{font-size:47px}}
body.pearl-reference-home main .pearl-services h2{font:400 clamp(44px,4.6vw,68px)/1.04 'Pearl Caslon',Georgia,serif;letter-spacing:-.025em;color:white}.pearl-services{font-size:16px;line-height:1.6}.pearl-services h3{color:white;font-weight:400}.pearl-services p{color:white}.pearl-services .x-fold-copy h3{font-weight:400}.pearl-services .x-care-heading h2 span{color:white}.pearl-services .x-care-controls{letter-spacing:-.24px}
@media(max-width:600px){body.pearl-reference-home main .pearl-services h2{font-size:47px;line-height:1.06}}

@media(max-width:1100px) and (min-width:601px){.pearl-services .x-fold{min-width:48px}.pearl-services .x-fold.is-active{flex:6.2}}
@media(max-width:600px){.pearl-services .x-care{display:flex;flex-direction:column}.pearl-services .x-care-heading{order:0;display:block}.pearl-services .x-care-heading p{margin-top:15px;padding:0}.pearl-services .x-care-controls{order:1;display:grid;grid-template-columns:1fr auto;gap:0 16px;margin:0 0 24px}.pearl-services .x-care-controls>a{grid-column:1;grid-row:1;margin:0;gap:17px}.pearl-services .x-care-controls>button{grid-column:1;grid-row:2;text-align:left;padding:6px 0;min-height:35px}.pearl-services .x-care-controls>div{grid-column:2;grid-row:1/3;gap:6px}.pearl-services .x-care-stage{order:2}body.pearl-reference-home main .pearl-services h2{font-size:48px;line-height:1.04}}
@media(max-width:360px){body.pearl-reference-home main .pearl-services h2{font-size:41px}}
@media(max-width:600px){.pearl-services .x-care-heading{gap:50px;flex-direction:row}.pearl-services .x-care-heading p{max-width:30ch}}
/* Phone: the service folds become a card track that follows the thumb (transform only, no layout animation). */
@media(max-width:600px){
 .r-home .x-service-folds{overflow:hidden;gap:12px;padding:0 24px;touch-action:pan-y;--sx:0px;cursor:grab}
 .r-home .x-service-folds.is-dragging{cursor:grabbing}
 .r-home .x-fold,.r-home .x-fold.is-active{flex:0 0 calc(100vw - 48px);min-width:calc(100vw - 48px);transform:translate3d(var(--sx),0,0);transition:transform .42s cubic-bezier(.22,.82,.2,1);will-change:transform;backface-visibility:hidden}
 .r-home .x-service-folds.is-dragging .x-fold{transition:none}
 .r-home .x-fold .x-fold-tab{display:flex;inset:0 0 auto;height:44px;padding:8px 16px}
 .r-home .x-fold:not(.is-active) .x-fold-tab>span{writing-mode:horizontal-tb;transform:none}
 .r-home .x-fold [data-care-panel][hidden]{display:block}
 .r-home .x-care-dots{order:3;display:flex;justify-content:center;gap:8px;margin-top:16px}
 .r-home .x-fold .x-fold-tab>span{opacity:0}
 .r-home .x-care-dots>button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.32);transition:transform .25s,background .25s}
 .r-home .x-care-dots>button[aria-current="true"]{background:#fff;transform:scale(1.35)}
}
.r-home .x-care-dots{display:none}
@media(max-width:600px){.r-home .x-care-dots{display:flex}}
/* Selected fold shows the wide photo (no zoom); thin folds keep the tall crop. Phones only use the tall crop. */
.x-fold-photo img.x-fold-photo__wide{display:none;object-position:50% 40%}
.x-fold.is-active .x-fold-photo img.x-fold-photo__wide{display:block}
.x-fold.is-active .x-fold-photo img.x-fold-photo__tall:not(:only-child){display:none}
@media(max-width:600px){.r-home .x-fold .x-fold-photo img.x-fold-photo__wide,.r-home .x-fold.is-active .x-fold-photo img.x-fold-photo__wide{display:none}.r-home .x-fold.is-active .x-fold-photo img.x-fold-photo__tall:not(:only-child){display:block}}
/* home-refinement.css */
/* Homepage-only refinements. Approved service accordion stays independent. */
.care-welcome{background:#fff;color:#13243b;padding:clamp(54px,6vw,88px) 0 0;scroll-margin-top:100px}
.care-welcome__main{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(40px,9vw,140px);padding-bottom:clamp(40px,5vw,72px)}
.care-welcome__heading .kicker{margin-bottom:24px}.care-welcome h2{font:400 clamp(46px,5vw,76px)/1.04 var(--font-display);letter-spacing:-.035em;margin:0;color:#13243b}.care-welcome h2 em{font-weight:400}
.care-welcome__body>p{font-size:clamp(16px,1.35vw,19px);line-height:1.75;margin:0 0 28px;max-width:460px;text-wrap:pretty}
.care-welcome__book{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#13243b;color:#fff;text-decoration:none;padding:19px 25px;border-radius:2px;font-size:14px;max-width:310px;transition:background .2s}.care-welcome__book span{font-size:23px;line-height:1;transition:transform .2s}.care-welcome__book:hover span{transform:translate(3px,-3px)}
.care-welcome__tools{display:grid;grid-template-columns:1.15fr 1fr 0.55fr;align-items:center;border-top:1px solid #13243b30;gap:30px;padding:24px 0 28px}.care-welcome__tools>span{font:400 25px/1.2 var(--font-display)}.care-welcome__tools a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:13px;min-height:44px;gap:22px}.care-welcome__tools a:last-child{border-left:1px solid #13243b30;padding-left:30px}.care-welcome__tools a span{font-size:20px}.care-welcome a:focus-visible{outline:2px solid #13243b;outline-offset:5px}.care-welcome__tools a:hover{text-decoration:underline;text-underline-offset:5px}
.pearl-google-proof{display:grid;grid-template-columns:.8fr 1.35fr;gap:clamp(36px,5vw,76px);align-items:stretch}.pearl-google-rating{background:#13243b;color:white;padding:clamp(30px,3.5vw,50px);display:flex;flex-direction:column;align-items:flex-start;border-radius:4px}.pearl-google-label{font-size:16px;font-weight:600}.pearl-google-score{font:400 clamp(96px,9vw,130px)/1 var(--font-display);letter-spacing:-.06em;margin:25px 0 14px;display:flex;align-items:baseline;gap:18px}.pearl-google-score>span{font:400 19px/1 var(--font-body);letter-spacing:0;color:#ffffffb8}.pearl-google-rating>p{font-size:14px;margin:17px 0 34px;color:white}.pearl-google-rating>a{margin-top:auto;display:flex;gap:24px;justify-content:space-between;width:100%;border-top:1px solid #ffffff40;padding:25px 0 0;font-size:14px;text-decoration:none;color:white}.pearl-google-rating>a:hover{text-decoration:underline}.pearl-google-rating>small{font-size:10px;margin-top:16px;color:#ffffffad}
.pearl-review-stars{display:inline-block;width:max-content;color:#13243b;font-size:23px;letter-spacing:5px;line-height:1.4}.pearl-review-stars>span{display:block;background:linear-gradient(110deg,#13243b 0%,#13243b 35%,#8193ab 45%,#fff 50%,#8193ab 55%,#13243b 65%,#13243b 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:pearl-review-shine 6s ease-in-out infinite}.pearl-google-rating .pearl-review-stars{font-size:30px}.pearl-google-rating .pearl-review-stars>span{background-image:linear-gradient(110deg,#fff 0%,#fff 35%,#95a5bb 45%,#fff 50%,#95a5bb 55%,#fff 65%,#fff 100%)}
.pearl-google-quotes{display:flex;flex-direction:column;justify-content:space-between;gap:34px}.pearl-google-quotes figure{margin:0}.pearl-google-feature{padding:7px 0 30px;border-bottom:1px solid #13243b30}.pearl-google-feature blockquote{font:400 clamp(30px,3.4vw,49px)/1.14 var(--font-display);letter-spacing:-.025em;margin:22px 0 24px;max-width:550px}.pearl-google-quotes figcaption{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.6}.pearl-google-quotes figcaption strong{font-weight:600}.pearl-google-quotes figcaption>span{font-size:10px;color:#13243b9e}.pearl-google-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px}.pearl-google-pair .pearl-review-stars{font-size:15px;letter-spacing:3px}.pearl-google-pair blockquote{font-size:16px;line-height:1.65;margin:14px 0 20px}
.pearl-reference-home .family-wide{height:auto;aspect-ratio:3/1;max-height:none;scroll-margin-top:90px}.family-wide picture{display:block;width:100%;height:100%}.pearl-reference-home .family-wide img{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none}.pearl-reference-home .family-wide:after{inset:80% 0 0}.family-wide .bigpic__cap{font-size:10px}
@keyframes pearl-review-shine{0%,15%{background-position:100% 50%}55%,100%{background-position:0% 50%}}
@media(max-width:760px){.care-welcome__main{grid-template-columns:1fr;gap:28px}.care-welcome h2{font-size:50px}.care-welcome__heading .kicker{margin-bottom:20px}.care-welcome__body>p{font-size:16px;line-height:1.7;margin-bottom:24px}.care-welcome__book{max-width:none}.care-welcome__tools{grid-template-columns:1fr;gap:0;padding:23px 0}.care-welcome__tools>span{font-size:24px;margin-bottom:14px}.care-welcome__tools a{padding:12px 0;min-height:50px}.care-welcome__tools a:last-child{border-left:0;border-top:1px solid #13243b20;padding-left:0}.pearl-google-proof{grid-template-columns:1fr;gap:32px}.pearl-google-rating{padding:30px}.pearl-google-score{font-size:105px;margin:18px 0 8px}.pearl-google-rating>p{margin-bottom:24px}.pearl-google-feature blockquote{font-size:36px}.pearl-google-pair{gap:24px}.pearl-google-pair blockquote{font-size:14px}.pearl-google-quotes figcaption strong{font-size:11px}.pearl-google-quotes{gap:26px}}
@media(max-width:600px){.pearl-reference-home .family-wide{aspect-ratio:4/5}.pearl-reference-home .family-wide img{object-position:50% 35%}.family-wide .bigpic__cap{font-size:9px;line-height:1.5;max-width:260px}}
@media(prefers-reduced-motion:reduce){.pearl-review-stars>span{animation:none}.care-welcome__book,.care-welcome__book span{transition:none}}
@media(min-width:761px) and (max-width:1000px){.care-welcome__tools{grid-template-columns:1fr 1fr 130px;gap:20px}.care-welcome__tools a:last-child{padding-left:20px;white-space:nowrap;gap:12px}}
/* home-conversion.css */
/* Clear hierarchy and reading rhythm for the homepage only. */
body.pearl-reference-home{--font-body:'Pearl Inter',Arial,sans-serif;font-family:var(--font-body)}
body.pearl-reference-home .flight-opening h1{font-family:'Pearl Inter',Arial,sans-serif;font-size:clamp(64px,6.6vw,100px);font-weight:600;line-height:1.02;letter-spacing:-.055em;margin-bottom:27px}body.pearl-reference-home .flight-opening h1 em{font-family:inherit;font-style:normal;font-weight:600}body.pearl-reference-home .flight-opening{bottom:124px}body.pearl-reference-home .flight-sub{font-size:18px;line-height:1.65;margin:0 auto 30px;max-width:640px}body.pearl-reference-home .hero__eyebrow{font-weight:600;letter-spacing:.12em}.hero-proof{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;color:white;font-size:12px;text-decoration:none;min-height:28px}.hero-proof>span{font-size:15px;letter-spacing:3px}.hero-proof:hover{text-decoration:underline;text-underline-offset:5px}
body.pearl-reference-home .home-chapters>.section{padding-top:108px;padding-bottom:108px}body.pearl-reference-home .display-3,body.pearl-reference-home .loc-states__h,body.pearl-reference-home .quiz__h,body.pearl-reference-home .care-welcome h2{font-family:'Pearl Inter',Arial,sans-serif;font-size:clamp(42px,4.4vw,64px);font-weight:600;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}body.pearl-reference-home .display-3 em,body.pearl-reference-home .quiz__h em,body.pearl-reference-home .care-welcome h2 em{font-family:inherit;font-weight:600;font-style:normal;background:none;animation:none;-webkit-text-fill-color:currentColor}body.pearl-reference-home .mt-3{margin-top:24px}body.pearl-reference-home .kicker{font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.5}body.pearl-reference-home .btn{font-size:14px;font-weight:600;letter-spacing:-.01em;min-height:52px}body.pearl-reference-home .btn--lg{min-height:56px;padding:17px 27px}
body.pearl-reference-home .care-welcome{padding-top:104px}body.pearl-reference-home .care-welcome__main{gap:80px;padding-bottom:64px;grid-template-columns:1.05fr 1fr}body.pearl-reference-home .care-welcome__body>p{font-size:19px;line-height:1.7;max-width:450px;margin-bottom:32px}body.pearl-reference-home .care-welcome__book{font-size:14px;font-weight:600;min-height:60px}body.pearl-reference-home .care-welcome__tools{padding-top:25px;padding-bottom:32px}body.pearl-reference-home .care-welcome__tools>span{font:500 15px/1.5 var(--font-body)}
body.pearl-reference-home .cmq__h{font-family:'Pearl Inter',Arial,sans-serif;font-weight:600;font-size:clamp(42px,4.3vw,64px);line-height:1.1;letter-spacing:-.045em}body.pearl-reference-home .cmq__h em{font-family:inherit;font-style:normal;font-weight:600}body.pearl-reference-home .cmq__copy{font-size:19px;line-height:1.65}body.pearl-reference-home .cmq__eyebrow{font-weight:600}
body.pearl-reference-home .r-home .x-care{padding-top:96px;padding-bottom:56px}body.pearl-reference-home .r-home .x-care-heading{margin-bottom:44px;gap:50px}body.pearl-reference-home .r-home .x-care-heading p{font-size:15px;line-height:1.7;max-width:30ch}body.pearl-reference-home .r-home .x-care-heading h2{font-family:'Pearl Inter',Arial,sans-serif;font-size:clamp(42px,4.4vw,64px);font-weight:600;line-height:1.1;letter-spacing:-.045em}
body.pearl-reference-home .our-story__grid{gap:clamp(56px,7vw,104px)}body.pearl-reference-home .our-story__p{font-size:18px;line-height:1.75;margin-top:28px;margin-bottom:34px;max-width:470px}body.pearl-reference-home .teamrail__intro,body.pearl-reference-home .consult-cta__p{font-size:18px;line-height:1.7;margin-top:28px;margin-bottom:32px}body.pearl-reference-home .teamrail__head{margin-bottom:44px}body.pearl-reference-home .quiz__head{padding:80px 24px}body.pearl-reference-home .quiz__lede{font-size:17px;line-height:1.65}body.pearl-reference-home .quiz__body{padding-top:54px;padding-bottom:64px}body.pearl-reference-home .quiz__head .quiz__h{max-width:760px;margin-left:auto;margin-right:auto}body.pearl-reference-home .pearl-google-pair blockquote{font-size:17px}body.pearl-reference-home .pearl-google-quotes figcaption{font-size:13px}body.pearl-reference-home .pearl-google-quotes figcaption>span{font-size:11px}
body.pearl-reference-home .first-visit--editorial .visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}body.pearl-reference-home .first-visit--editorial .first-visit__head{text-align:left}body.pearl-reference-home .first-visit--editorial h2{font-size:clamp(38px,3.8vw,55px);margin:24px 0 32px}body.pearl-reference-home .first-visit--editorial .first-visit__grid{display:block;margin:0}body.pearl-reference-home .first-visit--editorial .first-visit__step{display:block;padding:26px 0;border:0;border-top:1px solid #13243b30;border-radius:0;box-shadow:none;background:none}body.pearl-reference-home .first-visit--editorial .first-visit__num{display:none}body.pearl-reference-home .first-visit--editorial .first-visit__h{font-family:var(--font-body);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0 0 13px}body.pearl-reference-home .first-visit--editorial .first-visit__p{font-size:16px;line-height:1.75;margin:0}body.pearl-reference-home .faq-item__q{font-size:18px;font-weight:500}body.pearl-reference-home .faq-item__a{font-size:16px;line-height:1.75}
@media(max-width:900px){body.pearl-reference-home .care-welcome__main,body.pearl-reference-home .first-visit--editorial .visit-layout{gap:40px}body.pearl-reference-home .care-welcome__body>p{font-size:17px}}
@media(max-width:760px){body.pearl-reference-home .home-chapters>.section{padding-top:72px;padding-bottom:72px}body.pearl-reference-home .flight-opening{left:24px;right:24px;bottom:116px}body.pearl-reference-home .flight-opening h1{font-size:clamp(43px,11.5vw,68px);line-height:1.04;letter-spacing:-.05em;margin-bottom:24px}body.pearl-reference-home .flight-sub{font-size:15px;line-height:1.65;margin-bottom:24px;max-width:360px}body.pearl-reference-home .flight-sub br{display:none}body.pearl-reference-home .flight-opening .hero__eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:20px}.hero-proof{font-size:10px;gap:10px;margin-top:19px}.hero-proof>span{font-size:12px;letter-spacing:2px}body.pearl-reference-home .flight-opening .hero__actions{gap:12px}body.pearl-reference-home .flight-opening .btn--lg{min-height:50px;padding:15px 20px}body.pearl-reference-home .display-3,body.pearl-reference-home .loc-states__h,body.pearl-reference-home .quiz__h,body.pearl-reference-home .care-welcome h2{font-size:38px;line-height:1.12;letter-spacing:-.04em}body.pearl-reference-home .care-welcome{padding-top:72px}body.pearl-reference-home .care-welcome__main{grid-template-columns:1fr;gap:30px;padding-bottom:40px}body.pearl-reference-home .care-welcome__body>p{font-size:17px;line-height:1.75;margin-bottom:28px}body.pearl-reference-home .care-welcome__tools>span{font-size:14px}body.pearl-reference-home .care-welcome__tools{padding-bottom:28px}body.pearl-reference-home .cmq__h{font-size:37px;line-height:1.13}body.pearl-reference-home .cmq__copy{font-size:17px;line-height:1.7}body.pearl-reference-home .r-home .x-care{padding-top:72px;padding-bottom:40px}body.pearl-reference-home .r-home .x-care-heading{gap:20px;margin-bottom:32px}body.pearl-reference-home .r-home .x-care-heading h2{font-size:38px;line-height:1.12}body.pearl-reference-home .r-home .x-care-heading p{font-size:14px}body.pearl-reference-home .our-story__p{font-size:17px;line-height:1.75;margin-top:26px}body.pearl-reference-home .our-story__grid{gap:36px}body.pearl-reference-home .quiz__head{padding:68px 24px}body.pearl-reference-home .quiz__body{padding-top:40px;padding-bottom:48px}body.pearl-reference-home .pearl-google-proof{gap:40px}body.pearl-reference-home .pearl-google-pair{grid-template-columns:1fr;gap:26px}body.pearl-reference-home .pearl-google-pair figure+figure{border-top:1px solid #13243b25;padding-top:26px}body.pearl-reference-home .pearl-google-pair blockquote{font-size:17px;margin-bottom:18px}body.pearl-reference-home .first-visit--editorial .visit-layout{grid-template-columns:1fr;gap:40px}body.pearl-reference-home .first-visit--editorial h2{font-size:38px}body.pearl-reference-home .faq-item__q{font-size:16px}body.pearl-reference-home .teamrail__intro,body.pearl-reference-home .consult-cta__p{font-size:17px}body.pearl-reference-home .consult-cta__actions{gap:14px}}
/* home-location.css */
body.pearl-reference-home .pearl-visit{background:white;color:#13243b;padding:96px 0;scroll-margin-top:76px}
.pearl-visit__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.pearl-visit__heading .kicker{margin-bottom:24px}body.pearl-reference-home .pearl-visit h2{font:600 clamp(42px,4.3vw,64px)/1.08 'Pearl Inter',Arial,sans-serif;letter-spacing:-.045em;margin:0}.pearl-visit__heading>p{font-size:16px;line-height:1.7;max-width:320px;margin:0 0 4px}
.pearl-visit__layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);grid-template-rows:340px 240px;gap:20px 64px;align-items:stretch}.pearl-visit__photo{position:relative;margin:0;overflow:hidden;border-radius:4px;background:#13243b}.pearl-visit__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;display:block}.pearl-visit__photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 24px 20px;background:linear-gradient(transparent,#13243bd9);color:#fff;font-size:12px}
.pearl-visit__details{grid-column:2;grid-row:1/3;padding:8px 0 0;display:flex;flex-direction:column}.pearl-visit__label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.pearl-visit__details address{font-style:normal;font-size:32px;line-height:1.3;font-weight:500;letter-spacing:-.035em}.pearl-visit__details address>span{font-size:19px;font-weight:400;letter-spacing:-.01em}.pearl-visit__phone{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:20px;font-weight:500;text-decoration:none;margin-top:20px;padding-bottom:25px;border-bottom:1px solid #13243b30}.pearl-visit__phone:hover{text-decoration:underline;text-underline-offset:5px}.pearl-visit__hours{padding-top:24px}.pearl-visit__hours h3{font:600 14px/1.4 'Pearl Inter',Arial,sans-serif;margin:0 0 15px}.pearl-visit__hours dl{margin:0}.pearl-visit__hours dl>div{display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:6px 0;font-size:14px;line-height:1.5}.pearl-visit__hours dt{font-weight:400}.pearl-visit__hours dd{margin:0;text-align:right;white-space:nowrap}.pearl-visit__hours dd small{display:block;font-size:10px;color:#13243ba8}.pearl-visit__book{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#13243b;color:white;font-size:14px;font-weight:600;text-decoration:none;padding:19px 24px;min-height:58px;margin-top:auto;border-radius:3px}.pearl-visit__book span,.pearl-visit__map>a span{font-size:22px}.pearl-visit__book:hover span{transform:translate(2px,-2px)}
.pearl-visit__map{position:relative;grid-column:1;grid-row:2;overflow:hidden;border-radius:4px;background:#13243b0d;min-width:0}.pearl-visit__map iframe{width:100%;height:100%;display:block;border:0}.pearl-visit__map>a{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:36px;padding:13px 18px;min-height:48px;background:white;color:#13243b;text-decoration:none;font-size:13px;font-weight:600;border:1px solid #13243b20;border-radius:3px;box-shadow:0 3px 15px #13243b12}.pearl-visit a:focus-visible{outline:2px solid #13243b;outline-offset:5px}
@media(max-width:1000px){.pearl-visit__layout{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:20px 36px}.pearl-visit__heading{gap:36px}.pearl-visit__heading>p{max-width:260px;font-size:15px}.pearl-visit__details address{font-size:28px}}
@media(max-width:760px){body.pearl-reference-home .pearl-visit{padding:72px 0;scroll-margin-top:55px}.pearl-visit__heading{display:block;margin-bottom:32px}.pearl-visit__heading .kicker{margin-bottom:20px}body.pearl-reference-home .pearl-visit h2{font-size:40px;line-height:1.1}.pearl-visit__heading>p{margin:23px 0 0;max-width:340px;font-size:16px}.pearl-visit__layout{display:flex;flex-direction:column;gap:32px}.pearl-visit__photo{height:240px}.pearl-visit__details{padding:0}.pearl-visit__label{margin-bottom:16px}.pearl-visit__details address{font-size:30px}.pearl-visit__phone{min-height:60px;margin-top:16px;padding-bottom:20px}.pearl-visit__hours dl>div{padding:8px 0;font-size:15px}.pearl-visit__hours h3{font-size:15px}.pearl-visit__book{margin-top:28px;min-height:58px}.pearl-visit__map{height:260px}.pearl-visit__photo figcaption{font-size:11px}}
/* home-polish.css */
/* A calmer portrait, varied headline composition, and consistent section rhythm. */
@media(min-width:761px){body.pearl-reference-home .flight-opening{left:clamp(48px,6vw,96px);right:auto;width:46%;bottom:150px;text-align:left}body.pearl-reference-home .flight-opening h1{font-size:clamp(58px,5.5vw,84px);line-height:1.04;letter-spacing:-.05em;max-width:650px}body.pearl-reference-home .flight-opening .hero__eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:.09em}body.pearl-reference-home .flight-opening .hero__eyebrow:before,body.pearl-reference-home .flight-opening .hero__eyebrow:after{display:none}body.pearl-reference-home .flight-sub{font-size:17px;margin-left:0;max-width:450px}body.pearl-reference-home .flight-sub br{display:none}body.pearl-reference-home .flight-opening .hero__actions{justify-content:flex-start;gap:14px;flex-wrap:wrap}.hero-proof{justify-content:flex-start}.flight-shade{background:linear-gradient(90deg,#09172988,transparent 62%),linear-gradient(0deg,#0d1b2c80,transparent 45%)}.flight-ending{text-align:left;left:6vw;right:auto;bottom:180px}.flight-ending p{font-size:60px}.flight-ending span{font-size:14px}}
body.pearl-reference-home .js-ready .pearl-flight[data-motion=on] .flight-act,.js-ready body.pearl-reference-home .pearl-flight[data-motion=on] .flight-act{height:175svh}
body.pearl-reference-home #stories>.wrap>.txt-center{text-align:left;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:44px!important}body.pearl-reference-home #stories .display-3{max-width:none;font-size:clamp(40px,4.1vw,60px)}body.pearl-reference-home #stories .kicker{justify-content:flex-start!important}body.pearl-reference-home .our-story__body .display-3{font-size:clamp(40px,4.2vw,62px);max-width:500px}body.pearl-reference-home .teamrail{padding-top:76px;padding-bottom:76px}body.pearl-reference-home .teamrail__head .display-3{font-size:clamp(38px,3.6vw,52px)}body.pearl-reference-home .teamrail__intro{margin-top:20px}body.pearl-reference-home .teamrail__head{margin-bottom:32px}body.pearl-reference-home .pearl-visit__heading{align-items:center}body.pearl-reference-home .pearl-visit h2{font-size:clamp(40px,4.1vw,60px);max-width:690px}body.pearl-reference-home .pearl-visit__photo img{object-position:50% 45%}body.pearl-reference-home .first-visit--editorial h2{font-size:clamp(40px,4vw,58px);max-width:520px}body.pearl-reference-home .consult-cta .display-3{font-size:clamp(44px,5.1vw,76px);max-width:950px;margin-left:auto;margin-right:auto}body.pearl-reference-home .consult-cta>.wrap-narrow{max-width:1100px}body.pearl-reference-home .consult-cta__p{max-width:590px;margin-left:auto;margin-right:auto}body.pearl-reference-home .pearl-payment{padding-top:20px;padding-bottom:20px}body.pearl-reference-home .cmq{padding-top:76px}body.pearl-reference-home .care-welcome{padding-top:80px}body.pearl-reference-home .care-welcome__main{padding-bottom:52px}body.pearl-reference-home .quiz__head{padding-top:60px;padding-bottom:60px}body.pearl-reference-home .home-chapters>.section.our-story{padding-top:88px;padding-bottom:88px}body.pearl-reference-home .family-wide{border-radius:0}body.pearl-reference-home .first-visit{border-bottom:1px solid #13243b20}
@media(max-width:760px){.js-ready body.pearl-reference-home .pearl-flight[data-motion=on] .flight-act{height:155svh}body.pearl-reference-home .flight-opening h1{font-size:43px}.flight-shade{background:linear-gradient(180deg,#13243b70,transparent 25%,#13243b50 42%,#13243bf0 92%)}body.pearl-reference-home #stories .display-3{font-size:38px}body.pearl-reference-home #stories>.wrap>.txt-center{margin-bottom:32px!important}body.pearl-reference-home .our-story__body .display-3{font-size:38px}body.pearl-reference-home .teamrail{padding-top:64px;padding-bottom:64px}body.pearl-reference-home .pearl-visit h2{font-size:38px;max-width:320px}body.pearl-reference-home .first-visit--editorial h2{font-size:38px;max-width:300px}body.pearl-reference-home .consult-cta .display-3{font-size:44px;max-width:350px}body.pearl-reference-home .care-welcome{padding-top:64px}body.pearl-reference-home .cmq{padding-top:64px}body.pearl-reference-home .home-chapters>.section.our-story{padding-top:72px;padding-bottom:72px}.pearl-visit__photo figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.js-ready body.pearl-reference-home .pearl-flight[data-motion=on] .flight-act{height:100svh!important}}
/* home-smile-opening.css */
body.pearl-reference-home .flight-stage{background:#13243b}body.pearl-reference-home .flight-canvas,body.pearl-reference-home .flight-poster-wrap{position:absolute;left:auto;right:0;top:0;width:62%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 17%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%)}body.pearl-reference-home .flight-poster{object-fit:contain;transform:scale(1.05);object-position:center}body.pearl-reference-home .flight-shade{background:linear-gradient(90deg,#13243b 0%,#13243b90 28%,transparent 62%),linear-gradient(0deg,#13243b90,transparent 30%)}body.pearl-reference-home .flight-opening{z-index:2}body.pearl-reference-home .flight-bottom{z-index:3}.js-ready body.pearl-reference-home .pearl-flight[data-motion=on] .flight-act{height:220svh}
@media(max-width:760px){body.pearl-reference-home .flight-canvas,body.pearl-reference-home .flight-poster-wrap{width:100%;height:72%;mask-image:none;-webkit-mask-image:none}body.pearl-reference-home .flight-poster{transform:scale(1.24)}body.pearl-reference-home .flight-shade{background:linear-gradient(180deg,#13243b20,transparent 22%,#13243b44 39%,#13243bed 72%,#13243b 100%)}body.pearl-reference-home .flight-opening{bottom:118px}body.pearl-reference-home .flight-opening h1{font-size:39px;margin-bottom:20px}body.pearl-reference-home .flight-sub{font-size:14px;margin-bottom:20px}.js-ready body.pearl-reference-home .pearl-flight[data-motion=on] .flight-act{height:200svh}}
@media(prefers-reduced-motion:reduce){.js-ready body.pearl-reference-home .pearl-flight[data-motion=on] .flight-act{height:100svh!important}}
body.pearl-reference-home .pearl-flight[data-ready=true] .flight-poster-wrap{visibility:hidden}body.pearl-reference-home .flight-poster-wrap{overflow:hidden}
@media(max-width:760px){body.pearl-reference-home .flight-shade{background:linear-gradient(180deg,#13243b20,transparent 20%,#13243b45 36%,#13243bc9 53%,#13243b 77%)}}
/* home-film.css */
body.pearl-reference-home .pearl-film{position:relative;height:100svh;min-height:720px;max-height:1180px;background:#13243b;color:#fff;isolation:isolate;overflow:hidden}
.pearl-film__poster,.pearl-film__video,.pearl-film__shade{position:absolute;inset:0;width:100%;height:100%}
.pearl-film__poster img,.pearl-film__video{width:100%;height:100%;object-fit:cover;object-position:100% 40%}
.pearl-film__video{opacity:0;transition:opacity .6s}.pearl-film.is-playing .pearl-film__video,.pearl-film.has-frame .pearl-film__video{opacity:1}
.pearl-film__shade{background:linear-gradient(90deg,rgba(12,25,42,.76),rgba(12,25,42,.28) 42%,transparent 73%),linear-gradient(0deg,rgba(12,25,42,.88),transparent 65%),linear-gradient(180deg,rgba(12,25,42,.45),transparent 25%)}
.pearl-film__content{position:absolute;bottom:15%;left:6%;right:6%;max-width:760px}
body.pearl-reference-home .pearl-film__eyebrow{font:500 11px/1.5 'Pearl Inter',sans-serif;letter-spacing:.18em;margin:0 0 24px;color:#fff}
body.pearl-reference-home .pearl-film h1{font-family:'Pearl Inter',sans-serif;font-size:clamp(64px,6.7vw,108px);font-weight:500;line-height:.99;letter-spacing:-.065em;margin:0 0 24px;color:#fff}
body.pearl-reference-home .pearl-film h1 em{font-family:'Pearl Caslon',serif;font-weight:400;letter-spacing:-.035em;line-height:1.06}
body.pearl-reference-home .pearl-film__copy{font:400 17px/1.6 'Pearl Inter',sans-serif;color:rgba(255,255,255,.9);margin:0 0 30px;max-width:420px}
.pearl-film__actions{display:flex;align-items:center;gap:28px}.pearl-film__actions .btn{background:#fff!important;color:#13243b!important;border:0!important;box-shadow:none!important;padding:19px 27px!important;font-weight:600;gap:28px}.pearl-film__actions .btn:hover{background:#e9edf1!important}.pearl-film__call{font-size:14px;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff70;padding:7px 0}
.pearl-film__footer{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;gap:24px;border-top:1px solid #ffffff38;padding-top:20px;font:400 11px/1.4 'Pearl Inter',sans-serif}.pearl-film__footer a{color:white;text-decoration:none;display:flex;gap:32px}.pearl-film__credit{margin-left:auto;opacity:.6;font-size:9px}.pearl-film__footer button{color:white;background:transparent;border:1px solid #ffffff65;border-radius:30px;padding:11px 15px;display:flex;gap:12px;align-items:center;font:inherit;cursor:pointer}.pearl-film__footer button[hidden]{display:none}.pearl-film a:focus-visible,.pearl-film button:focus-visible{outline:2px solid white;outline-offset:5px}
@media(min-width:1700px){.pearl-film__content{bottom:17%}}
@media(max-width:760px){body.pearl-reference-home .pearl-film{min-height:760px;max-height:1000px}.pearl-film__poster img,.pearl-film__video{object-position:50% 25%}.pearl-film__shade{background:linear-gradient(0deg,#101f33 3%,rgba(16,31,51,.88) 20%,rgba(16,31,51,.08) 64%,rgba(16,31,51,.4) 100%)}.pearl-film__content{bottom:132px;left:24px;right:24px}.pearl-film__eyebrow{font-size:9px!important;letter-spacing:.12em!important;margin-bottom:18px!important}body.pearl-reference-home .pearl-film h1{font-size:clamp(45px,12.4vw,78px);letter-spacing:-.06em;margin-bottom:20px}.pearl-film__copy{font-size:14px!important;line-height:1.6!important;margin-bottom:24px!important}.pearl-film__actions{gap:15px;flex-wrap:wrap}.pearl-film__actions .btn{padding:16px 20px!important;font-size:12px!important;gap:22px}.pearl-film__call{font-size:12px}.pearl-film__footer{left:24px;right:24px;bottom:25px;gap:12px;padding-top:15px}.pearl-film__footer a{font-size:10px;gap:14px}.pearl-film__credit{position:absolute;right:0;bottom:-15px;font-size:8px}.pearl-film__footer button{margin-left:auto;font-size:10px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.pearl-film__video{transition:none}}

/* Keep video controls comfortable to tap on compact phones. */
.pearl-film__footer button{min-height:44px}
/* home-payments.css */
body.pearl-reference-home .pearl-payments{background:#fff;color:#13243b;display:grid;grid-template-columns:1fr 1.25fr 1.1fr;align-items:stretch;padding:0 6%;border-bottom:1px solid #13243b1a;position:relative}
.pearl-payments__intro,.pearl-payments__coverage{padding:35px 0 34px;display:flex;flex-direction:column;justify-content:center}
body.pearl-reference-home .pearl-payments__label{font:500 9px/1.5 'Pearl Inter',sans-serif;letter-spacing:.17em;display:block;color:inherit;opacity:.7;margin:0 0 14px}
body.pearl-reference-home .pearl-payments h2{font:500 clamp(26px,2.25vw,38px)/1.05 'Pearl Inter',sans-serif;letter-spacing:-.045em;margin:0;color:#13243b}
.pearl-payments h2 em{font-family:'Pearl Caslon',serif;font-weight:400;font-size:1.1em}
.pearl-payments__coverage{margin:30px 0;padding:5px 12%;border-left:1px solid #13243b25}
body.pearl-reference-home .pearl-payments__coverage p{font:500 clamp(17px,1.55vw,25px)/1.3 'Pearl Inter',sans-serif;letter-spacing:-.035em;margin:0;color:#13243b;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pearl-payments__plus{font:300 20px/1 'Pearl Inter',sans-serif;opacity:.45}
body.pearl-reference-home .pearl-payments__finance{color:#fff;background:#13243b;text-decoration:none;padding:32px 30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;isolation:isolate;transition:background .25s}
.pearl-payments__finance::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 15%,#ffffff12 48%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease}
.pearl-payments__finance:hover::before,.pearl-payments__finance:focus-visible::before{transform:translateX(120%)}
.pearl-payments__finance-name{display:flex;justify-content:space-between;align-items:center;gap:24px;font:500 clamp(25px,2.2vw,36px)/1.2 'Pearl Inter',sans-serif;letter-spacing:-.05em}
.pearl-payments__arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff65;border-radius:50%;font:400 22px/1 'Pearl Inter',sans-serif;transition:transform .25s}
.pearl-payments__finance:hover .pearl-payments__arrow{transform:translate(3px,-3px)}
.pearl-payments__details{font:400 11px/1.5 'Pearl Inter',sans-serif;opacity:.7;margin-top:13px}
.pearl-payments__finance:focus-visible{outline:2px solid #13243b;outline-offset:5px}
@media(min-width:1900px){body.pearl-reference-home .pearl-payments{padding-left:max(6%,calc((100vw - 1740px)/2));padding-right:max(6%,calc((100vw - 1740px)/2))}}
@media(max-width:760px){body.pearl-reference-home .pearl-payments{grid-template-columns:1fr 1fr;padding:0 24px 24px;gap:0 20px}.pearl-payments__intro{padding:28px 0}.pearl-payments__coverage{padding:0 0 0 20px;margin:28px 0}.pearl-payments__label{font-size:8px!important;letter-spacing:.1em!important;margin-bottom:10px!important}body.pearl-reference-home .pearl-payments h2{font-size:25px}body.pearl-reference-home .pearl-payments__coverage p{font-size:16px;gap:5px}.pearl-payments__plus{font-size:15px}.pearl-payments__finance{grid-column:1/-1;padding:21px 23px!important}.pearl-payments__finance-name{font-size:28px}.pearl-payments__finance .pearl-payments__label{margin-bottom:5px!important}.pearl-payments__details{font-size:10px;margin-top:5px}.pearl-payments__arrow{position:absolute;right:22px;top:calc(50% - 21px)}}
@media(prefers-reduced-motion:reduce){.pearl-payments__finance,.pearl-payments__finance::before,.pearl-payments__arrow{transition:none}}
/* home-technology.css */
body.pearl-reference-home .pearl-tech{background:#fff;color:#13243b;display:grid;grid-template-columns:1.15fr 1fr;gap:9%;padding:90px 6%;overflow:hidden}
body.pearl-reference-home .pearl-tech__eyebrow{font:500 10px/1.5 'Pearl Inter',sans-serif;letter-spacing:.16em;margin:0 0 25px;color:#13243bb3;display:block}
body.pearl-reference-home .pearl-tech h2{font:500 clamp(40px,4.4vw,68px)/1.02 'Pearl Inter',sans-serif;letter-spacing:-.055em;color:#13243b;margin:0 0 24px}.pearl-tech h2 em{font-family:'Pearl Caslon',serif;font-weight:400;font-size:1.1em;letter-spacing:-.04em}
body.pearl-reference-home .pearl-tech__intro>p{font:400 16px/1.65 'Pearl Inter',sans-serif;color:#13243bbd;margin:0}
.pearl-tech__visual{position:relative;height:245px;margin-top:28px;display:flex;align-items:center}.pearl-tech__model{position:absolute;font:500 clamp(110px,13vw,210px)/1 'Pearl Inter',sans-serif;letter-spacing:-.075em;color:#13243b09;top:0;left:7%}.pearl-tech__visual img{position:relative;width:115%;max-width:none;height:auto;transform:rotate(-16deg) translateX(-3%);filter:drop-shadow(0 30px 18px #13243b26)}.pearl-tech__caption{position:absolute;bottom:0;left:0;font:400 9px/1.5 'Pearl Inter',sans-serif;letter-spacing:.14em;color:#13243b99}
.pearl-tech__explore{padding-top:4px}.pearl-tech__explore details{border-top:1px solid #13243b30}.pearl-tech__explore details:last-of-type{border-bottom:1px solid #13243b30}.pearl-tech__explore summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 0;font:500 23px/1.3 'Pearl Inter',sans-serif;letter-spacing:-.035em}.pearl-tech__explore summary::-webkit-details-marker{display:none}.pearl-tech__explore summary>span{font:300 26px/1 sans-serif;transition:transform .25s;opacity:.65}.pearl-tech__explore details[open] summary>span{transform:rotate(45deg)}.pearl-tech__explore details>div{padding:0 35px 25px 0;animation:tech-fade .3s ease}.pearl-tech__device{font:500 10px/1.5 'Pearl Inter',sans-serif;letter-spacing:.09em;text-transform:uppercase;display:block;color:#13243b;margin-bottom:9px}body.pearl-reference-home .pearl-tech__explore details p{font:400 14px/1.7 'Pearl Inter',sans-serif;color:#13243bbd;margin:0}.pearl-tech__more{display:flex;justify-content:space-between;color:#13243b;text-decoration:none;font:500 13px/1.5 'Pearl Inter',sans-serif;margin-top:29px}.pearl-tech__more span{font-size:23px}.pearl-tech summary:focus-visible,.pearl-tech a:focus-visible{outline:2px solid #13243b;outline-offset:6px}@keyframes tech-fade{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:760px){body.pearl-reference-home .pearl-tech{grid-template-columns:1fr;gap:38px;padding:54px 24px}.pearl-tech__eyebrow{font-size:8px!important;letter-spacing:.12em!important;margin-bottom:20px!important}body.pearl-reference-home .pearl-tech h2{font-size:43px}body.pearl-reference-home .pearl-tech__intro>p{font-size:14px}.pearl-tech__visual{height:190px;margin-top:25px}.pearl-tech__model{font-size:135px}.pearl-tech__visual img{width:110%}.pearl-tech__caption{font-size:8px}.pearl-tech__explore summary{font-size:21px;padding:19px 0}.pearl-tech__explore details>div{padding-right:8px}.pearl-tech__explore details p{font-size:14px!important}.pearl-tech__more{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.pearl-tech__explore details>div{animation:none}.pearl-tech__explore summary>span{transition:none}}
@media(min-width:761px){.pearl-tech__caption{bottom:-24px}}

.pearl-tech__caption{color:#13243b}
/* home-demo-rhythm.css */
/* Homepage spacing follows the measured Back to 30 reference. */
body.pearl-reference-home[data-has-hero] .pearl-review-stars>span{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;animation:none!important}
body.pearl-reference-home[data-has-hero] .pearl-google-rating .pearl-review-stars{color:#fff}
@media(min-width:761px){
body.pearl-reference-home[data-has-hero] .home-chapters>.section,body.pearl-reference-home[data-has-hero] .home-chapters>.section.our-story,body.pearl-reference-home[data-has-hero] .home-chapters>.section.teamrail,body.pearl-reference-home[data-has-hero] .home-chapters>.section.quiz-sec,body.pearl-reference-home[data-has-hero] .home-chapters>.cmq,body.pearl-reference-home[data-has-hero] .home-chapters>.pearl-visit{padding-top:clamp(64px,7vw,101px);padding-bottom:clamp(64px,7vw,101px)}
body.pearl-reference-home[data-has-hero] .home-chapters>.pearl-tech{padding-top:clamp(64px,7vw,101px);padding-bottom:clamp(64px,7vw,101px)}
body.pearl-reference-home[data-has-hero] .home-chapters>.care-welcome{padding-top:clamp(64px,7vw,101px);padding-bottom:0}
body.pearl-reference-home[data-has-hero] .r-home .x-care{padding-top:clamp(64px,7vw,101px);padding-bottom:clamp(64px,7vw,101px)}
body.pearl-reference-home[data-has-hero] .site-footer{padding-top:clamp(64px,7vw,101px)}
}
@media(max-width:760px){
body.pearl-reference-home[data-has-hero] .home-chapters>.section,body.pearl-reference-home[data-has-hero] .home-chapters>.section.our-story,body.pearl-reference-home[data-has-hero] .home-chapters>.section.teamrail,body.pearl-reference-home[data-has-hero] .home-chapters>.section.quiz-sec,body.pearl-reference-home[data-has-hero] .home-chapters>.cmq,body.pearl-reference-home[data-has-hero] .home-chapters>.pearl-visit{padding-top:48px;padding-bottom:48px}
body.pearl-reference-home[data-has-hero] .home-chapters>.pearl-tech{padding-top:48px;padding-bottom:48px}
body.pearl-reference-home[data-has-hero] .home-chapters>.care-welcome{padding-top:48px;padding-bottom:0}
body.pearl-reference-home[data-has-hero] .r-home .x-care{padding-top:48px;padding-bottom:48px}
body.pearl-reference-home[data-has-hero] .site-footer{padding-top:48px}
}
@media(max-width:760px){body.pearl-reference-home[data-has-hero] .footer-bottom__brand{flex-direction:column;gap:10px;max-width:none}body.pearl-reference-home[data-has-hero] .footer-bottom__brand>span{flex:none;width:100%}}
/* Placement pass */
@media(min-width:761px){
body.pearl-reference-home[data-has-hero] .r-home .x-care-heading{align-items:flex-end}
body.pearl-reference-home[data-has-hero] .r-home .x-care-heading p{margin-bottom:10px}
}
@media(max-width:760px){
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-controls{order:3;margin:22px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-controls>a{order:1;margin:0}
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-controls>div{order:2;margin-left:auto}
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-controls>button{order:3;width:100%;text-align:left;padding:10px 0;min-height:44px;font-size:12px;opacity:.8}
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-stage{order:2}
body.pearl-reference-home[data-has-hero] .first-visit--editorial .first-visit__head{text-align:left;margin:0 0 8px;max-width:none}
body.pearl-reference-home[data-has-hero] .first-visit--editorial .first-visit__head h2{text-align:left;margin-left:0}
body.pearl-reference-home[data-has-hero] .first-visit--editorial .first-visit__head .eyebrow,body.pearl-reference-home[data-has-hero] .first-visit--editorial .first-visit__head .kicker{justify-content:flex-start}
body.pearl-reference-home[data-has-hero] .first-visit--editorial .first-visit__head .text-link{margin-left:0}
}
/* Mobile hero: subject lift is baked into the mobile encode (padded bottom), no transform */

/* Text labels survive the no-arrow build pass and keep navigation identifiable. */
body.pearl-reference-home .pearl-services .x-care-controls>div>button{width:auto;min-width:56px;min-height:44px;height:auto;padding:10px 14px;border-radius:24px;font-size:12px;line-height:1.4}
/* client-photos.css */
/* Reference: Back to 30's full-width results split, adapted to Pearl's palette. */
.pearl-results{padding:0;background:#13243b;color:#fff;overflow:hidden}
.pearl-results__grid{display:grid;grid-template-columns:1.02fr 1fr;min-height:min(86vh,700px)}
.pearl-results__media{position:relative;min-width:0;display:flex;flex-direction:column;background:#13243b}
.pearl-results__compare{position:relative;flex:1;min-height:460px;overflow:hidden;isolation:isolate}
.pearl-results__after,.pearl-results__before,.pearl-results__before img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none}
.pearl-results__before{clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.pearl-results__handle{position:absolute;top:0;bottom:0;left:var(--compare);width:44px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.pearl-results__handle>span{position:absolute;inset:0 auto 0 50%;width:2px;background:#fff;box-shadow:0 0 0 1px #13243b30}
.pearl-results__handle b{position:relative;width:44px;height:44px;border-radius:50%;background:#fff;color:#13243b;display:grid;place-items:center;font:400 18px/1 Arial,sans-serif;box-shadow:0 2px 12px #0002}
.pearl-results__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}
.pearl-results__compare:focus-within{outline:3px solid #fff;outline-offset:-5px}
.pearl-results__tag{position:absolute;bottom:14px;padding:7px 13px;border-radius:99px;background:#13243bd9;color:#fff;font:500 11px/1.4 'Pearl Inter',Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;z-index:2;pointer-events:none}
.pearl-results__tag--before{left:14px}.pearl-results__tag--after{right:14px}
.pearl-results__panel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(40px,6vw,100px);min-width:0}
.pearl-results__eyebrow{display:flex;align-items:center;gap:12px;font:500 11px/1.4 'Pearl Inter',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffffffbf}
.pearl-results__eyebrow:before{content:'';width:24px;height:1px;background:#ffffff70}
body .pearl-results .pearl-results__panel h2{font:400 clamp(38px,4vw,64px)/1.06 'Pearl Caslon',Georgia,serif;letter-spacing:-.015em;margin:20px 0 0;color:#fff;text-wrap:balance}
.pearl-results__panel h2 em{font-weight:400;color:#fff}
.pearl-results__panel>p{font:400 17px/1.6 'Pearl Inter',Arial,sans-serif;color:#ffffffc7;max-width:36ch;margin:22px 0 0}
.pearl-results__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:28px;padding:14px 26px;border:1px solid #ffffff70;border-radius:99px;color:#fff;text-decoration:none;font:600 13px/1.4 'Pearl Inter',Arial,sans-serif;transition:background .2s,color .2s}
.pearl-results__cta:hover{background:#fff;color:#13243b}.pearl-results__cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
.pearl-results__panel>small{font:400 11px/1.6 'Pearl Inter',Arial,sans-serif;color:#ffffffb8;margin-top:28px}
.pearl-results__media>.compare-instruction,.pearl-results__media .compare-instruction{font:400 11px/1.5 'Pearl Inter',Arial,sans-serif;color:#ffffffc7;margin:0}
.pearl-results__media>.compare-instruction{padding:15px 20px}
.pearl-results__media .compare-toolbar{margin:0;padding:7px 16px;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#13243b}
.pearl-results__media .rail-play{min-height:44px;padding:8px 14px;border:1px solid #ffffff65;border-radius:99px;color:#fff;background:transparent;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px}
.pearl-case-gallery{scroll-margin-top:90px}.pearl-case-gallery h2{margin:18px 0 32px}.pearl-case-gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pearl-case-gallery figure{margin:0}.pearl-case-gallery img{display:block;width:100%;height:auto}.pearl-case-gallery figcaption{margin-top:12px;font-size:14px}.pearl-case-gallery .fine-print{margin-top:24px}
.pearl-office-tour{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:start}.pearl-office-tour figure{margin:0}.pearl-office-tour img{display:block;width:100%;height:auto}.pearl-office-tour video{display:block;width:100%;max-height:700px;background:#13243b;aspect-ratio:9/16;object-fit:contain}.pearl-office-tour figcaption{font-size:13px;line-height:1.5;margin-top:14px}.pearl-office-tour__photos{display:grid;gap:28px}
@media(max-width:860px){.pearl-results__grid{grid-template-columns:1fr;min-height:0}.pearl-results__compare{min-height:0;aspect-ratio:4/3;flex:auto}.pearl-results__panel{padding:46px 24px 48px}body .pearl-results .pearl-results__panel h2{font-size:42px}.pearl-results__panel>p{font-size:16px}.pearl-case-gallery__grid{grid-template-columns:1fr;gap:30px}.pearl-office-tour{grid-template-columns:1fr}.pearl-office-tour video{max-height:620px}}
/* The approved family image replaces the background film. */
body.pearl-reference-home .pearl-family-hero{min-height:700px;height:90svh;max-height:1050px}
.pearl-family-hero .pearl-film__poster img{object-position:right center}
.pearl-family-hero .pearl-film__shade{background:linear-gradient(90deg,#13243bea 0%,#13243b99 22%,#13243b05 56%),linear-gradient(0deg,#13243bc9,transparent 45%)}
.pearl-family-hero .pearl-film__content{max-width:460px;bottom:15%;left:5%}
body.pearl-reference-home .pearl-family-hero h1{font-size:clamp(52px,4.8vw,80px);letter-spacing:-.055em}
.pearl-family-hero .pearl-film__actions{gap:20px;flex-wrap:wrap}
@media(max-width:760px){
 body.pearl-reference-home .pearl-family-hero{height:auto;min-height:0;max-height:none;padding-top:56px;padding-bottom:20px}
 .pearl-family-hero .pearl-film__poster{position:relative;display:block;inset:auto;width:100%;height:auto;aspect-ratio:1.35}
 .pearl-family-hero .pearl-film__poster img{display:block;object-position:right center}
 .pearl-family-hero .pearl-film__shade{display:none}
 .pearl-family-hero .pearl-film__content{position:relative;inset:auto;padding:24px 24px 0;max-width:none}
 body.pearl-reference-home .pearl-family-hero h1{font-size:clamp(40px,10.7vw,62px);margin-bottom:16px}
 body.pearl-reference-home .pearl-family-hero .pearl-film__eyebrow{font-size:9px!important;margin-bottom:14px!important}
 .pearl-family-hero .pearl-film__copy{margin-bottom:18px!important}
 .pearl-family-hero .pearl-film__footer{position:relative;inset:auto;margin:22px 24px 0;padding-top:14px;justify-content:space-between}
 .pearl-family-hero .pearl-film__credit{position:static;font-size:9px;opacity:.8;margin:0}
}
/* Match the measured reference footprint: 700px at 1440x900, 460px mobile image. */
.pearl-results__compare{height:100%;min-height:0}
.pearl-results__media .compare-toolbar{position:absolute;right:14px;top:14px;z-index:4;min-height:0;padding:0;background:transparent}
.pearl-results__media .compare-toolbar .compare-instruction{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pearl-results__media .rail-play{background:#13243bd9}
.pearl-results__panel{position:relative}
body .pearl-results .pearl-results__panel h2{font-size:clamp(36px,4.7vw,76px);margin-top:12px}
.pearl-results__panel>p{font-size:clamp(18px,1.3vw,21px);line-height:1.5;margin-top:16px}
.pearl-results__cta{font-size:clamp(13px,.95vw,15px);line-height:1.62;padding:16px 30px;min-height:56px}
.pearl-results__panel>small{position:absolute;bottom:14px;left:20px;right:20px;margin:0;font-size:10px}
@media(max-width:860px){.pearl-results__media{height:460px}.pearl-results__compare{aspect-ratio:auto;height:460px}.pearl-results__panel{padding:clamp(34px,7vw,52px) 20px;min-height:calc(232.375px + 2 * clamp(34px,7vw,52px))}body .pearl-results .pearl-results__panel h2{font-size:36px}.pearl-results__panel>p{font-size:18px}.pearl-results__cta{font-size:14px}}
@media(min-width:761px){.pearl-family-hero .pearl-film__shade{background:linear-gradient(180deg,#13243b70,transparent 22%),linear-gradient(90deg,#13243bea 0%,#13243b99 22%,#13243b05 56%),linear-gradient(0deg,#13243bc9,transparent 45%)}}
/* Shared chapter gutters and compact section spacing from the reference site. */
body.pearl-reference-home[data-has-hero] .home-chapters .wrap{width:calc(100% - 80px);max-width:1280px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
body.pearl-reference-home[data-has-hero] .home-chapters .wrap-narrow{width:calc(100% - 80px);max-width:820px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
body.pearl-reference-home[data-has-hero] .home-chapters>.cmq{padding:60px 0 54px}
body.pearl-reference-home[data-has-hero] .cmq__head{padding-top:0;margin-bottom:24px}
body.pearl-reference-home[data-has-hero] .cmq__belt{position:relative;padding:12px 0;gap:18px;min-height:300px;justify-content:center}
body.pearl-reference-home[data-has-hero] .cmq__card{position:absolute;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);margin:0;width:390px;padding:28px}
body.pearl-reference-home[data-has-hero] .cmq__row{width:100%}
body.pearl-reference-home[data-has-hero] .home-chapters>.care-welcome{padding-top:clamp(40px,4.4vw,64px)}
body.pearl-reference-home[data-has-hero] .care-welcome__main{padding-bottom:36px}
body.pearl-reference-home[data-has-hero] .home-chapters>.pearl-visit{padding-top:clamp(40px,4vw,58px);padding-bottom:clamp(44px,4.4vw,64px)}
body.pearl-reference-home[data-has-hero] .quiz__head{padding:0 24px;margin-bottom:32px}
body.pearl-reference-home[data-has-hero] #questions .faq-item{padding:0}
body.pearl-reference-home[data-has-hero] #questions .faq-item summary{padding:18px 0;min-height:64px}
body.pearl-reference-home[data-has-hero] #questions .faq-item__a{padding:0 36px 20px 0;margin:0;max-width:none}
body.pearl-reference-home[data-has-hero] #questions>.wrap-narrow>.txt-center{margin-bottom:28px!important}
body.pearl-reference-home[data-has-hero] .first-visit--editorial .first-visit__step{padding:20px 0}
@media(max-width:860px){
 body.pearl-reference-home[data-has-hero] .home-chapters .wrap,body.pearl-reference-home[data-has-hero] .home-chapters .wrap-narrow{width:calc(100% - 40px)}
 body.pearl-reference-home[data-has-hero] .home-chapters>.cmq{padding:36px 0 64px}
 body.pearl-reference-home[data-has-hero] .cmq__head{margin-bottom:20px}
 body.pearl-reference-home[data-has-hero] .cmq__belt{min-height:0;padding:0;gap:14px}
 body.pearl-reference-home[data-has-hero] .cmq__row{width:100%}
 body.pearl-reference-home[data-has-hero] .cmq__card{position:relative;inset:auto;transform:none;width:calc(100% - 40px);padding:24px;margin:12px auto 0}
 body.pearl-reference-home[data-has-hero] .home-chapters>.care-welcome{padding-top:26px}
 body.pearl-reference-home[data-has-hero] .care-welcome__main{padding-bottom:24px;gap:24px}
 body.pearl-reference-home[data-has-hero] .home-chapters>.section.our-story{padding-top:34px;padding-bottom:34px}
 body.pearl-reference-home[data-has-hero] .home-chapters>.pearl-visit{padding-top:40px;padding-bottom:40px}
 body.pearl-reference-home[data-has-hero] .home-chapters>.first-visit{padding-top:36px;padding-bottom:36px}
 body.pearl-reference-home[data-has-hero] .pearl-google-proof{gap:24px}
 body.pearl-reference-home[data-has-hero] .pearl-google-rating{padding:28px}
 body.pearl-reference-home[data-has-hero] .pearl-google-feature{padding-bottom:24px;margin-bottom:24px}
 body.pearl-reference-home[data-has-hero] .pearl-google-pair{gap:18px}
 body.pearl-reference-home[data-has-hero] .pearl-google-pair figure+figure{padding-top:18px}
 body.pearl-reference-home[data-has-hero] .pearl-visit__layout{gap:24px}
 body.pearl-reference-home[data-has-hero] .pearl-visit__heading{margin-bottom:24px}
 body.pearl-reference-home[data-has-hero] .first-visit--editorial .visit-layout{gap:20px}
 body.pearl-reference-home[data-has-hero] .first-visit--editorial .first-visit__step{padding:18px 0}
 body.pearl-reference-home[data-has-hero] .first-visit--editorial h2{margin:16px 0 20px}
}

/* Alternating homepage chapters: white doctor story, blue visit, white patient guide. */
body.pearl-reference-home[data-has-hero] .home-chapters>.our-story{background:#fff;color:#13243b}
body.pearl-reference-home[data-has-hero] .our-story :is(h2,.kicker,.our-story__p){color:#13243b}
body.pearl-reference-home[data-has-hero] .our-story .kicker::before{background:#13243b}
body.pearl-reference-home[data-has-hero] .our-story .btn{background:#13243b;border-color:#13243b;color:#fff}
body.pearl-reference-home[data-has-hero] .our-story .btn:hover{background:#fff;color:#13243b}
body.pearl-reference-home[data-has-hero] .home-chapters>.pearl-visit{background:#13243b;color:#fff}
body.pearl-reference-home[data-has-hero] .pearl-visit :is(h2,h3,p,.kicker,.pearl-visit__phone,.pearl-visit__hours dd small){color:#fff}
body.pearl-reference-home[data-has-hero] .pearl-visit .kicker::before{background:#fff}
body.pearl-reference-home[data-has-hero] .pearl-visit__phone{border-color:#ffffff40}
body.pearl-reference-home[data-has-hero] .pearl-visit__book{background:#fff;color:#13243b}
body.pearl-reference-home[data-has-hero] .pearl-visit a:focus-visible{outline-color:#fff}
body.pearl-reference-home[data-has-hero] .home-chapters>.first-visit{background:#fff;color:#13243b}
/* Real office photo gallery, within the existing visit section footprint. */
.office-gallery{isolation:isolate;touch-action:pan-y}
.office-gallery__slide{position:absolute;inset:0;margin:0;animation:office-photo-in .35s ease both}
.office-gallery__slide[hidden],.office-gallery__controls[hidden]{display:none}
.office-gallery .office-gallery__slide img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.office-gallery .office-gallery__slide figcaption{padding:48px 144px 18px 24px;line-height:1.5;pointer-events:none}
.office-gallery__count{display:block;font-size:10px;letter-spacing:.12em;margin-top:4px;opacity:.8}
.office-gallery__controls{position:absolute;right:18px;bottom:18px;display:flex;gap:8px;z-index:2}
.office-gallery__controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#13243be6;color:#fff;cursor:pointer;transition:background .2s,color .2s}
.office-gallery__controls button:hover{background:#fff;color:#13243b}
.office-gallery:focus-visible,.office-gallery__controls button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.office-gallery .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes office-photo-in{from{opacity:.35}to{opacity:1}}
@media(max-width:760px){.office-gallery .office-gallery__slide figcaption{padding:48px 120px 16px 16px;font-size:12px}.office-gallery__controls{right:12px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.office-gallery__slide{animation:none}.office-gallery__controls button{transition:none}}
/* home-finish.css */
/* A restrained finishing pass on the approved homepage. */
body.pearl-reference-home[data-has-hero]{--pearl-heading:clamp(40px,3.65vw,58px);--pearl-section:clamp(56px,4.45vw,72px)}
body.pearl-reference-home[data-has-hero] main .home-chapters :is(.cmq__h,.care-welcome h2,.x-care-heading h2,.pearl-tech h2,.quiz__h,#stories h2,.our-story h2,.pearl-visit h2,.first-visit h2,.consult-cta h2,#questions h2){font-family:'Pearl Inter',Arial,sans-serif;font-size:var(--pearl-heading);font-weight:500;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
body.pearl-reference-home[data-has-hero] main .home-chapters h2 em{font-family:'Pearl Caslon',Georgia,serif;font-weight:400;letter-spacing:-.025em}
body.pearl-reference-home[data-has-hero] .home-chapters>:is(.section,.pearl-tech,.pearl-visit){padding-top:var(--pearl-section);padding-bottom:var(--pearl-section)}
body.pearl-reference-home[data-has-hero] .home-chapters>.care-welcome{padding-top:var(--pearl-section)}
body.pearl-reference-home[data-has-hero] .r-home .x-care{padding-top:var(--pearl-section);padding-bottom:48px}
body.pearl-reference-home[data-has-hero] .home-chapters :is(.care-welcome__body>p,.our-story__p,.pearl-tech__intro>p,.consult-cta__p){font-size:17px;line-height:1.65;max-width:42ch}
body.pearl-reference-home[data-has-hero] .consult-cta__p{margin-inline:auto}
body.pearl-reference-home[data-has-hero] .quiz__sub{font-size:16px;line-height:1.6;max-width:44ch;margin-inline:auto}
body.pearl-reference-home[data-has-hero] .our-story__media img{height:500px;object-fit:cover;object-position:center 35%}
body.pearl-reference-home[data-has-hero] .r-home .x-service-folds{height:520px}
body.pearl-reference-home[data-has-hero] .r-home .x-fold-copy h3{font-size:clamp(32px,2.8vw,44px);line-height:1.08;margin-bottom:12px}
body.pearl-reference-home[data-has-hero] .r-home .x-fold-copy p{font-size:15px;line-height:1.6;margin-bottom:20px;max-width:32ch}
body.pearl-reference-home[data-has-hero] .r-home .x-fold:after{background:linear-gradient(0deg,#13243bf5 0%,#13243ba6 28%,#13243b00 72%)}
body.pearl-reference-home[data-has-hero] .r-home .x-fold:not(.is-active):after{background:linear-gradient(0deg,#13243bb8,#13243b0d 90%)}
body.pearl-reference-home[data-has-hero] .r-home .x-fold[data-service="invisalign"] img{object-position:50% 35%}
/* Make the existing arrows and labels feel like one control group. */
body.pearl-reference-home[data-has-hero] .x-care-controls>div>button{min-height:44px;min-width:70px;font-size:12px;padding:10px 14px}
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-dots>button{position:relative;width:24px;height:24px;background:none!important;border-radius:50%;transform:none}
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-dots>button:before{content:'';position:absolute;inset:8px;border-radius:50%;background:#ffffff65}
body.pearl-reference-home[data-has-hero] .pearl-services .x-care-dots>button[aria-current="true"]:before{background:#fff}
/* Keep the hero photo open while retaining contrast behind the text. */
@media(min-width:761px){
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__shade{background:linear-gradient(180deg,#13243b60,transparent 22%),linear-gradient(90deg,#13243be0 0%,#13243b90 26%,#13243b00 62%),linear-gradient(0deg,#13243b85,transparent 52%)}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__content{max-width:510px;bottom:15%;left:6%}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero h1{font-size:clamp(54px,4.7vw,78px);line-height:1.05;letter-spacing:-.05em;margin-bottom:28px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__eyebrow{margin-bottom:24px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__copy{line-height:1.65;margin-bottom:30px}
}
/* One compact white strip, not a second hero. */
body.pearl-reference-home[data-has-hero] .pearl-payments--compact{display:grid;grid-template-columns:1fr 1.25fr auto;gap:32px;padding:26px 6%;align-items:center;background:#fff;color:#13243b}
body.pearl-reference-home[data-has-hero] .pearl-payments--compact .pearl-payments__coverage{margin:0;padding:0;border:0}
body.pearl-reference-home[data-has-hero] .pearl-payments--compact .pearl-payments__label{font-size:9px;line-height:1.5;letter-spacing:.13em;margin:0 0 8px;opacity:.75}
body.pearl-reference-home[data-has-hero] .pearl-payments--compact p{font:500 19px/1.35 'Pearl Inter',Arial,sans-serif;letter-spacing:-.02em;margin:0;color:#13243b}
body.pearl-reference-home[data-has-hero] .pearl-payments__options{padding-left:32px;border-left:1px solid #13243b20}
body.pearl-reference-home[data-has-hero] .pearl-payments__options p span{padding:0 5px;color:#13243b70}
body.pearl-reference-home[data-has-hero] .pearl-payments__link{min-height:44px;display:inline-flex;align-items:center;justify-content:flex-end;gap:14px;font:500 12px/1.5 'Pearl Inter',Arial,sans-serif;color:#13243b;text-decoration:none}
body.pearl-reference-home[data-has-hero] .pearl-payments__link:hover{text-decoration:underline;text-underline-offset:5px}
body.pearl-reference-home[data-has-hero] .pearl-payments__link:focus-visible{outline:2px solid #13243b;outline-offset:5px}
@media(max-width:860px){
 body.pearl-reference-home[data-has-hero] .pearl-payments--compact{gap:20px}
 body.pearl-reference-home[data-has-hero] .pearl-payments--compact p{font-size:17px}
}
@media(max-width:760px){
 body.pearl-reference-home[data-has-hero]{--pearl-heading:36px;--pearl-section:44px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__content{padding-top:28px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero h1{font-size:40px;line-height:1.08;letter-spacing:-.045em;margin-bottom:18px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__copy{font-size:15px!important;line-height:1.6!important}
 body.pearl-reference-home[data-has-hero] .pearl-payments--compact{grid-template-columns:.85fr 1.15fr;padding:22px 24px 12px;gap:16px 18px}
 body.pearl-reference-home[data-has-hero] .pearl-payments__options{padding-left:18px}
 body.pearl-reference-home[data-has-hero] .pearl-payments--compact p{font-size:16px;line-height:1.45}
 body.pearl-reference-home[data-has-hero] .pearl-payments--compact .pearl-payments__label{font-size:8px!important;margin-bottom:6px!important;letter-spacing:.08em!important}
 body.pearl-reference-home[data-has-hero] .pearl-payments__options p span{padding:0 2px}
 body.pearl-reference-home[data-has-hero] .pearl-payments__link{grid-column:1/-1;justify-content:space-between;border-top:1px solid #13243b18;padding-top:8px;font-size:12px}
 body.pearl-reference-home[data-has-hero] .home-chapters :is(.care-welcome__body>p,.our-story__p,.pearl-tech__intro>p,.consult-cta__p){font-size:16px;line-height:1.65}
 body.pearl-reference-home[data-has-hero] .r-home .x-care-heading p{font-size:15px;line-height:1.6;max-width:35ch;margin-top:18px}
 body.pearl-reference-home[data-has-hero] .r-home .x-care{padding-bottom:32px}
 body.pearl-reference-home[data-has-hero] .r-home .x-service-folds{height:490px}
 body.pearl-reference-home[data-has-hero] .r-home .x-fold-copy h3{font-size:34px}
 body.pearl-reference-home[data-has-hero] .r-home .x-fold-copy p{font-size:15px}
 body.pearl-reference-home[data-has-hero] .our-story__media img{height:360px;object-position:center 30%}
 body.pearl-reference-home[data-has-hero] .home-chapters>.cmq{padding-bottom:64px}
 body.pearl-reference-home[data-has-hero] .pearl-visit__heading>p{max-width:32ch}
 body.pearl-reference-home[data-has-hero] .home-chapters .first-visit__step p{font-size:16px;line-height:1.65}
 body.pearl-reference-home[data-has-hero] .home-chapters #questions .faq-item__q{font-size:17px;line-height:1.4}
}
@media(max-width:360px){body.pearl-reference-home[data-has-hero]{--pearl-heading:33px}body.pearl-reference-home[data-has-hero] .pearl-family-hero h1{font-size:36px}body.pearl-reference-home[data-has-hero] .pearl-payments--compact{padding-inline:20px}}
/* Office photography must not inherit the retired scanner cutout treatment. */
body.pearl-reference-home[data-has-hero] .pearl-tech__visual{display:block;height:auto;margin-top:28px;overflow:hidden;border-radius:8px;background:#fff}
body.pearl-reference-home[data-has-hero] .pearl-tech__visual img{display:block;position:static;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 56%;transform:none;filter:none}
body.pearl-reference-home[data-has-hero] .pearl-tech__caption{position:static;display:block;padding:12px 0 0;font-size:9px;line-height:1.5;letter-spacing:.1em}
@media(max-width:760px){body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__poster img{object-position:center 51%}}

/* The approved family film keeps the existing hero composition and still fallback. */
.pearl-family-hero__media{position:absolute;inset:0;width:100%;height:100%}
.pearl-family-hero__media .pearl-film__poster img,.pearl-family-hero__media .pearl-film__video{object-position:right center}
@media(max-width:760px){
 .pearl-family-hero__media{position:relative;inset:auto;aspect-ratio:1.35;height:auto}
 .pearl-family-hero__media .pearl-film__poster{position:absolute;inset:0;height:100%;aspect-ratio:auto}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero__media .pearl-film__poster img,.pearl-family-hero__media .pearl-film__video{object-position:center}
 .pearl-family-hero .pearl-film__footer{display:grid;grid-template-columns:1fr auto;gap:12px}
 .pearl-family-hero .pearl-film__credit{grid-row:2;grid-column:1/-1;text-align:left}
 .pearl-family-hero .pearl-film__footer button{grid-row:1;grid-column:2;margin-left:0;min-width:105px;font-size:11px}
}

/* Full-bleed phone hero: one viewport, with copy over the original family film. */
@media (max-width: 1024px) {
 body.pearl-reference-home[data-has-hero] .pearl-family-hero{height:100svh;height:100dvh;min-height:0;max-height:none;padding:0}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero__media,
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__poster{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero__media .pearl-film__poster img,
 body.pearl-reference-home[data-has-hero] .pearl-family-hero__media .pearl-film__video{object-fit:cover;object-position:50% 42%}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__shade{display:block;background:linear-gradient(180deg,#13243b85 0%,transparent 24%,transparent 38%,#13243bbd 64%,#13243bf5 100%)}
 body.pearl-reference-home[data-has-hero] .site-header:not([data-scrolled="true"]){background:transparent!important}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__content{position:absolute;inset:auto 24px calc(105px + env(safe-area-inset-bottom)) 24px;max-width:520px;padding:0}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero h1{font-size:clamp(36px,10.5vw,62px);line-height:1.02;margin-bottom:16px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__eyebrow{font-size:9px!important;margin-bottom:12px!important}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__copy{font-size:14px!important;line-height:1.5!important;margin-bottom:20px!important}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__actions{gap:16px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__footer{position:absolute;inset:auto 24px calc(18px + env(safe-area-inset-bottom)) 24px;margin:0;padding-top:10px;display:grid;grid-template-columns:1fr auto;gap:6px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__credit{position:static;grid-row:2;grid-column:1/-1;margin:0;font-size:8px;opacity:.8;text-align:left}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__footer button{grid-row:1;grid-column:2;margin:0;min-height:44px}
}
@media (max-width:1024px) and (max-height:700px){
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__content{bottom:96px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero h1{font-size:clamp(33px,9.5vw,44px);margin-bottom:10px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__copy{font-size:13px!important;margin-bottom:12px!important}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__eyebrow{margin-bottom:8px!important}
}
@media (max-width:1024px) and (orientation:landscape) and (max-height:500px){
 body.pearl-reference-home[data-has-hero] .pearl-family-hero{min-height:100svh}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__content{left:24px;right:auto;bottom:105px;width:52%}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero h1{font-size:30px}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__copy{font-size:12px!important}
 body.pearl-reference-home[data-has-hero] .pearl-family-hero .pearl-film__shade{background:linear-gradient(90deg,#13243bcc,transparent 85%),linear-gradient(0deg,#13243bc9,transparent 55%)}
}
/* 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}}