/* /assets/nav-mega-40552d1c09.css */
/* ===== Cohesive header: mega-menu + unified CTA ===== */
header.nav .nav-inner{gap:14px}
header.nav .brand img{height:64px !important; width:auto !important}
nav.primary>ul{gap:16px; font-size:13.5px}
nav.primary li>a{white-space:nowrap; padding-bottom:20px}
nav.primary .caret{display:inline-block; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin:-3px 0 0 4px; opacity:.45; transition:transform .2s ease, opacity .2s}
nav.primary li:hover>a .caret{transform:rotate(225deg); opacity:.85}

.submenu{position:absolute; top:100%; margin-top:-8px; left:0; right:auto; transform:none; background:var(--white,#fff); border:1px solid var(--line,#E7E1D4); border-radius:16px; padding:16px; box-shadow:var(--shadow-lg,0 30px 70px -28px rgba(40,30,15,.34)); display:none; z-index:140}
.submenu::before{content:""; position:absolute; top:-14px; left:0; right:0; height:14px}
nav.primary li:hover>.submenu, nav.primary li:focus-within>.submenu{display:flex}
.submenu.a-center{left:50%; transform:translateX(-50%)}
.submenu.a-right{left:auto; right:0}
.submenu.simple{flex-direction:column; min-width:230px; gap:1px}
.submenu.simple a{display:block; padding:10px 13px; border-radius:10px; font-size:14px; font-weight:600; color:var(--ink-2,#423C33); transition:background .15s,color .15s}
.submenu.simple a:hover{background:var(--paper,#FAF8F3); color:var(--accent-deep,#181511)}
.submenu.mega{flex-wrap:wrap; align-items:flex-start; gap:18px 30px; max-width:min(720px,92vw); padding:22px 26px}
.mgrp{display:flex; flex-direction:column; min-width:166px}
.mgrp.mgrp-2col{display:grid; grid-template-columns:1fr 1fr; gap:0 16px; align-content:start; min-width:220px}
.mgrp.mgrp-2col .mgrp-label{grid-column:1/-1}
.mgrp-label{font-family:'JetBrains Mono',ui-monospace,monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent,#F08647); font-weight:600; margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid var(--line,#E7E1D4)}
.mgrp a{display:block; padding:6px 0; font-size:13.5px; font-weight:600; color:var(--ink-2,#423C33); line-height:1.35; transition:color .15s}
.mgrp a:hover{color:var(--accent-deep,#181511)}

/* ===== Unified CTA cluster ===== */
.nav-cta{display:flex; align-items:center; gap:10px}
.nav-search-btn{width:42px; height:42px; border-radius:50%; border:1px solid var(--line-strong,#D6CEBE); display:grid; place-items:center; background:transparent; color:var(--ink,#1B1916); transition:background .2s,color .2s,border-color .2s; flex-shrink:0; cursor:pointer; padding:0}
.nav-search-btn:hover{background:var(--ink,#1B1916); color:#fff; border-color:var(--ink,#1B1916)}
.nav-search-btn svg{width:17px; height:17px}
.nav-phone{font-weight:700; font-size:15px; color:var(--ink,#1B1916); display:none; align-items:center; gap:9px; padding:10px 16px; border:1px solid var(--line-strong,#D6CEBE); border-radius:999px; transition:background .2s,color .2s; white-space:nowrap; text-decoration:none}
.nav-phone:hover{background:var(--ink,#1B1916); color:#fff}
.nav-phone .ndot{width:7px; height:7px; border-radius:50%; background:#3FBF6F; flex-shrink:0; display:inline-block}
.nav-book{flex-shrink:0}
.nav-toggle{display:none; width:44px; height:44px; border:1px solid var(--line-strong,#D6CEBE); border-radius:50%; align-items:center; justify-content:center; background:transparent; flex-shrink:0; cursor:pointer; padding:0}
.nav-toggle>span{position:relative; display:block; width:18px; height:2px; background:var(--ink,#1B1916); border-radius:2px; transition:background .2s}
.nav-toggle>span::before,.nav-toggle>span::after{content:""; position:absolute; left:0; width:18px; height:2px; background:var(--ink,#1B1916); border-radius:2px; transition:transform .25s ease}
.nav-toggle>span::before{top:-6px}
.nav-toggle>span::after{top:6px}
body.drawer-open .nav-toggle>span{background:transparent}
body.drawer-open .nav-toggle>span::before{transform:translateY(6px) rotate(45deg)}
body.drawer-open .nav-toggle>span::after{transform:translateY(-6px) rotate(-45deg)}
body.drawer-open{overflow:hidden}

/* ===== Mobile accordion drawer ===== */
.drawer{position:fixed; inset:0; z-index:120; background:var(--paper,#FAF8F3); transform:translateX(100%); transition:transform .35s cubic-bezier(.22,1,.36,1); display:flex; flex-direction:column; padding:22px 24px; overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer .cta-row{margin-top:20px; display:flex; flex-direction:column; gap:11px; flex-shrink:0}
.drawer-top{display:flex; align-items:center; justify-content:space-between}
.drawer-title{font-family:'JetBrains Mono',ui-monospace,monospace; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted,#6E675C)}
.drawer .x{width:46px; height:46px; border:1px solid var(--line-strong,#D6CEBE); border-radius:50%; background:var(--white,#fff); font-size:24px; line-height:1; color:var(--ink,#1B1916); cursor:pointer}
.dnav{display:flex; flex-direction:column; margin-top:16px; flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch}
.dnav .d-link{display:block; padding:15px 2px; border-bottom:1px solid var(--line,#E7E1D4); font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase; font-size:25px; letter-spacing:-.01em; color:var(--ink,#1B1916)}
.d-sec{border-bottom:1px solid var(--line,#E7E1D4)}
.d-acc{display:flex; align-items:center; justify-content:space-between; width:100%; padding:15px 2px; background:none; border:0; font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase; font-size:25px; letter-spacing:-.01em; color:var(--ink,#1B1916); cursor:pointer; text-align:left}
.d-caret{width:9px; height:9px; border-right:2px solid var(--accent,#F08647); border-bottom:2px solid var(--accent,#F08647); transform:rotate(45deg); transition:transform .25s ease; margin-right:6px; flex-shrink:0}
.d-acc[aria-expanded="true"] .d-caret{transform:rotate(-135deg)}
.d-panel{display:none; padding:2px 0 16px}
.d-sec.open .d-panel{display:block}
.d-panel a{display:block; padding:9px 0 9px 14px; font-size:16px; font-weight:600; color:var(--ink-2,#423C33)}
.d-panel a:hover{color:var(--accent-deep,#181511)}
.d-grp{display:block; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent,#F08647); margin:14px 0 3px; font-weight:600}
.d-grp:first-child{margin-top:4px}

/* ===== Responsive: collapse to hamburger early enough to never overflow ===== */
@media (min-width:1500px){ .nav-phone{display:inline-flex} }
@media (max-width:1280px){
  nav.primary{display:none}
  .nav-toggle{display:inline-flex}
  .nav-phone{display:none}
  .nav-book{display:none}
  .nav-cta{gap:8px}
}
@media (max-width:1040px){ header.nav .brand img{height:58px !important} }
@media (max-width:560px){
  .nav-search-btn{width:40px; height:40px}
  .nav-toggle{width:42px; height:42px}
  header.nav .brand img{height:50px !important}
}

/* /assets/site-cohesion-v1.css */
/* Pinnacle sitewide cohesion layer
   Small, template-agnostic refinements shared by every indexable page. */

:root {
  --pa-focus: #F08647;
  --pa-paper: #FAF8F3;
  --pa-ink: #1B1916;
}

html {
  scroll-padding-top: 116px;
  -webkit-text-size-adjust: 100%;
}

body {
  overflow-wrap: break-word;
}

.solution-finder-page .hero .lede {
  color: rgba(255, 255, 255, .8) !important;
}

main {
  display: block;
  min-width: 0;
}

main [id] {
  scroll-margin-top: 116px;
}

.site-skip {
  position: fixed;
  z-index: 10000;
  top: 10px;
  left: 12px;
  padding: 12px 18px;
  border: 2px solid var(--pa-focus);
  border-radius: 999px;
  background: var(--pa-ink);
  color: #fff;
  font: 700 14px/1.1 Arial, sans-serif;
  text-decoration: none;
  transform: translateY(-150%);
  transition: transform .18s ease;
}

.site-skip:focus {
  transform: translateY(0);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--pa-focus);
  outline-offset: 4px;
}

:where(h1, h2, h3, .display, .h1, .h2) {
  text-wrap: balance;
}

:where(p, .lede, .intro) {
  text-wrap: pretty;
}

:where(img, video, iframe, svg) {
  max-width: 100%;
}

.pa-pathways {
  padding: clamp(64px, 8vw, 104px) 0;
  border-top: 1px solid var(--line, #E7E1D4);
  background: var(--paper, var(--pa-paper));
}

.pa-pathways .pa-path-head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  gap: clamp(28px, 6vw, 88px);
  align-items: end;
  margin-bottom: 36px;
}

.pa-pathways .pa-path-kicker,
.pa-pathways .pa-path-label {
  display: block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--accent-deep, #181511);
}

.pa-pathways h2 {
  margin: 10px 0 0;
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: clamp(38px, 5vw, 64px);
  line-height: .98;
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: var(--ink, var(--pa-ink));
}

.pa-pathways h2 em {
  color: var(--accent, #F08647);
  font-style: normal;
}

.pa-pathways .pa-path-intro {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-soft, #6E675C);
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.65;
}

.pa-pathways .pa-path-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line, #E7E1D4);
  border-bottom: 1px solid var(--line, #E7E1D4);
}

.pa-pathways .pa-path-card {
  display: flex;
  min-width: 0;
  min-height: 190px;
  padding: 26px 24px;
  flex-direction: column;
  color: var(--ink, var(--pa-ink));
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}

.pa-pathways .pa-path-card + .pa-path-card {
  border-left: 1px solid var(--line, #E7E1D4);
}

.pa-pathways .pa-path-card strong {
  margin: 15px 0 20px;
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 25px;
  line-height: 1.02;
  text-transform: uppercase;
}

.pa-pathways .pa-path-arrow {
  margin-top: auto;
  font-size: 23px;
  color: var(--accent, #F08647);
}

.pa-pathways .pa-path-card:hover {
  background: var(--ink, var(--pa-ink));
  color: #fff;
}

@media (max-width: 920px) {
  .pa-pathways .pa-path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pa-pathways .pa-path-card:nth-child(3) {
    border-left: 0;
  }

  .pa-pathways .pa-path-card:nth-child(n + 3) {
    border-top: 1px solid var(--line, #E7E1D4);
  }
}

@media (max-width: 700px) {
  html {
    /* 72px mobile nav + 45px call rail + a small visual buffer. */
    scroll-padding-top: 128px;
  }

  main {
    overflow: clip;
  }

  main [id] {
    scroll-margin-top: 128px;
  }

  :where(input, select, textarea) {
    font-size: 16px !important;
  }

  :where(.hero-cta, .cta-ctas, .hero-ctas) {
    width: 100%;
  }

  :where(.hero-cta, .cta-ctas, .hero-ctas) > :where(a, button) {
    min-height: 54px;
  }

  .g-footer {
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Treat the persistent concierge controls as an intentional mobile action
     rail, not a layer that happens to float over the final line of a card. */
  .pinn-dock {
    max-width: calc(100vw - 20px) !important;
  }

  :where(.quiz-wrap, form, .hero-cta, .cta-ctas, .hero-ctas, .loc-actions) {
    scroll-margin-bottom: 96px;
  }

  .pa-pathways .pa-path-head {
    grid-template-columns: 1fr;
    align-items: start;
    margin-bottom: 28px;
  }

  .pa-pathways .pa-path-grid {
    grid-template-columns: 1fr;
  }

  .pa-pathways .pa-path-card {
    min-height: 126px;
    padding: 22px 4px;
  }

  .pa-pathways .pa-path-card + .pa-path-card,
  .pa-pathways .pa-path-card:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--line, #E7E1D4);
  }

  .pa-pathways .pa-path-card strong {
    margin: 10px 0 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  .site-skip {
    display: none !important;
  }
}

/* /assets/quiet-luxury-v3.css */
/*
  PINNACLE AUDIOLOGY — QUIET CLINICAL LUXURY
  Warm-only visual system: Pinnacle orange, cream, ink, and warm gray.
  Loaded after page styles through partials.js so the preview can be evaluated sitewide. Build 20260715j.
*/
:root{
  --qcl-ink:#181511;
  --qcl-ink-2:#302A24;
  --qcl-cream:#FBF8F1;
  --qcl-cream-2:#F3EEE4;
  --qcl-paper:#FFFCF7;
  --qcl-warm:#5E564D;
  --qcl-muted:#776F66;
  --qcl-line:#DED5C7;
  --qcl-orange:#F08647;
  --qcl-orange-deep:#181511;
  --qcl-radius:12px;
}
html{background:var(--qcl-cream)}
body{
  background:var(--qcl-cream);
  color:var(--qcl-ink);
  font-family:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(240,134,71,.26);color:var(--qcl-ink)}
/* Shared scroll reveal: existing page reveals keep their own choreography.
   Pages without a reveal system receive a restrained section-level treatment. */
body.qcl-reveal-ready:not(.qcl-motion-off) [data-qcl-reveal]{
  opacity:0;
  filter:blur(9px);
  transform:translateY(22px) scale(.992);
  transition:
    opacity var(--qcl-reveal-duration,.82s) cubic-bezier(.16,1,.3,1),
    filter var(--qcl-reveal-duration,.82s) ease,
    transform var(--qcl-reveal-duration,.82s) cubic-bezier(.16,1,.3,1);
  transition-delay:var(--qcl-reveal-delay,0ms);
  will-change:opacity,filter,transform;
}
body.qcl-reveal-ready:not(.qcl-motion-off) [data-qcl-reveal].in{
  opacity:1;
  filter:blur(0);
  transform:none;
}
@media(max-width:760px){
  body.qcl-reveal-ready:not(.qcl-motion-off) [data-qcl-reveal]{
    filter:blur(7px);
    transform:translateY(16px) scale(.995);
    --qcl-reveal-duration:.72s;
  }
}
@media(prefers-reduced-motion:reduce){
  [data-reveal],[data-qcl-reveal]{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}
.display,.h1,.h2,.section-head h2,.shead h2,.head h2{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:650!important;
  letter-spacing:-.022em!important;
  text-wrap:balance;
}
.h1:not(.display),.h2,.section-head h2,.shead h2,.head h2{
  text-transform:none!important;
  line-height:.98!important;
}
.eyebrow,.hero-eyebrow,.sec-label,.section-label{
  color:var(--qcl-orange-deep)!important;
  letter-spacing:.15em!important;
  font-weight:650!important;
}
.lede,.intro,.prose,.section-head p{
  color:var(--qcl-warm)!important;
  text-wrap:pretty;
}
a{transition-color:.18s ease}
.btn,.g-book,.g-fbt,.btn-tile{
  box-shadow:none!important;
  border-radius:999px!important;
  letter-spacing:.01em;
}
.btn.accent,.g-book,.g-fbt,.tile-accent{
  background:var(--qcl-orange)!important;
  color:var(--qcl-ink)!important;
  border-color:var(--qcl-orange)!important;
}
.btn.accent:hover,.g-book:hover,.g-fbt:hover,.tile-accent:hover{
  background:var(--qcl-orange-deep)!important;
  border-color:var(--qcl-orange-deep)!important;
  transform:translateY(-1px);
}
.btn.primary{
  background:var(--qcl-ink)!important;
  color:var(--qcl-paper)!important;
  border-color:var(--qcl-ink)!important;
}
.btn.ghost,.btn-tile:not(.tile-accent){
  background:transparent!important;
  color:var(--qcl-ink)!important;
  border-color:var(--qcl-line)!important;
}
.btn.ghost:hover,.btn-tile:not(.tile-accent):hover{
  background:var(--qcl-ink)!important;
  color:var(--qcl-paper)!important;
  border-color:var(--qcl-ink)!important;
}

/* Global navigation: quieter, smaller, less app-like. */
.g-topbar{background:var(--qcl-ink)!important;color:rgba(255,252,247,.7)!important}
.g-topbar .g-w{
  min-height:31px;
  padding-top:6px!important;
  padding-bottom:6px!important;
  justify-content:flex-end!important;
}
.g-topbar .g-soc{display:none!important}
.g-topbar .g-ph{
  color:rgba(255,252,247,.84)!important;
  font-size:12.5px!important;
  letter-spacing:.015em;
}
.g-dot{
  background:var(--qcl-orange)!important;
  animation:none!important;
  box-shadow:none!important;
}
.g-nav{
  background:rgba(251,248,241,.92)!important;
  border-bottom:1px solid rgba(222,213,199,.68)!important;
  box-shadow:none!important;
}
.g-nav.scrolled{background:rgba(251,248,241,.97)!important}
.g-ni{
  height:88px!important;
  max-width:1240px!important;
  gap:24px!important;
}
.g-logo img{height:76px!important}
.g-ul>li>a{
  color:var(--qcl-ink-2)!important;
  font-size:13.5px!important;
  font-weight:650!important;
  border-radius:0!important;
}
.g-ul>li>a::after{
  background:var(--qcl-orange)!important;
  height:1px!important;
  bottom:4px!important;
}
.g-ul>li.cur>a{color:var(--qcl-ink)!important}
.g-drop{
  border-color:var(--qcl-line)!important;
  border-radius:var(--qcl-radius)!important;
  background:rgba(255,252,247,.98)!important;
  box-shadow:0 22px 55px -34px rgba(24,21,17,.55)!important;
}
.g-ds a:hover,.g-sres a:hover,.g-sres a.sel{background:var(--qcl-cream-2)!important}
.g-sbtn,.g-hbg{
  border-color:var(--qcl-line)!important;
  background:transparent!important;
}
.g-sbtn:hover,.g-hbg:hover{
  background:var(--qcl-ink)!important;
  border-color:var(--qcl-ink)!important;
}
.g-book{padding:13px 22px!important;font-weight:650!important}
.g-prog{
  background:var(--qcl-orange)!important;
  height:2px!important;
  box-shadow:none!important;
}

/* Drawer and search use the same warm material palette. */
.g-dr,.g-drf{background:var(--qcl-cream)!important}
.g-drh,.g-dsec,.g-da,.g-drf{border-color:var(--qcl-line)!important}
.g-da,.g-dacc{
  text-transform:none!important;
  font-size:26px!important;
  letter-spacing:-.015em!important;
}
.g-sp{
  background:var(--qcl-paper)!important;
  border-color:var(--qcl-line)!important;
  box-shadow:0 40px 90px -42px rgba(24,21,17,.62)!important;
}

/* Fewer generic floating boxes; flatter, editorial surfaces. */
.card,.cov,.step,.ind-card,.loc-card,.fact-card,.std-plate,.award-card,
.intro-card,.service-card,.feature-card,.faq-item,.acc-item,.form-card{
  border-color:var(--qcl-line)!important;
  border-radius:var(--qcl-radius)!important;
  box-shadow:none!important;
}
.card,.cov,.step,.ind-card,.loc-card,.fact-card,.intro-card,.service-card,.feature-card,.form-card{
  background:rgba(255,252,247,.72)!important;
}
.card:hover,.cov:hover,.service-card:hover,.feature-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(201,102,43,.48)!important;
  box-shadow:0 18px 45px -38px rgba(24,21,17,.55)!important;
}
details,summary{border-color:var(--qcl-line)}
img{filter:saturate(.92) contrast(1.015)}
.plate,.std-plate,.pin-band,.care-proof-grid{
  background:var(--qcl-ink)!important;
  color:var(--qcl-paper)!important;
}
.chip{
  border-color:var(--qcl-line)!important;
  background:transparent!important;
  color:var(--qcl-ink-2)!important;
}
.chip:hover{border-color:var(--qcl-orange)!important}

/* Footer: still useful, visually calmer and warmer. */
.g-footer{
  position:relative;
  background:var(--qcl-ink)!important;
  color:rgba(255,252,247,.74)!important;
  padding-top:72px!important;
}
.g-footer::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:var(--qcl-orange);
}
.g-fw{max-width:1240px!important}
.g-fg{gap:34px!important}
.g-fb img{opacity:.94!important}
.g-footer h5{
  color:rgba(255,252,247,.46)!important;
  letter-spacing:.17em!important;
}
.g-footer ul a,.g-fca a{color:rgba(255,252,247,.67)!important}
.g-footer ul a:hover,.g-fca a:hover,.g-fsoc a:hover{color:var(--qcl-orange)!important}
.g-fbt{padding:11px 18px!important}

/* Replace the four-tile utility cluster with a compact warm dock. */
.pinn-dock{
  gap:6px!important;
  right:20px!important;
  bottom:18px!important;
  padding:5px!important;
  border:1px solid rgba(222,213,199,.9)!important;
  border-radius:999px!important;
  background:rgba(255,252,247,.91)!important;
  box-shadow:0 18px 48px -30px rgba(24,21,17,.68)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.pinn-dock .pd-btn{
  width:auto!important;
  height:46px!important;
  min-width:46px!important;
  padding:0 15px!important;
  flex-direction:row!important;
  gap:7px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--qcl-ink)!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  letter-spacing:.04em!important;
}
.pinn-dock .pd-btn:hover{background:var(--qcl-cream-2)!important;transform:none!important}
.pinn-dock .pd-btn.pd-orange{
  background:var(--qcl-orange)!important;
  color:var(--qcl-ink)!important;
}
.pinn-dock .pd-btn.pd-orange:hover{background:var(--qcl-orange-deep)!important}
.pinn-dock .pd-btn[href^="sms:"]{display:none!important}
.pinn-dock #pdA11y{
  width:46px!important;
  padding:0!important;
  font-size:0!important;
}
.pinn-dock #pdA11y .pd-ic{font-size:16px!important}
.pinn-dock .pd-panel{
  border-color:var(--qcl-line)!important;
  background:rgba(255,252,247,.97)!important;
  box-shadow:0 30px 70px -38px rgba(24,21,17,.62)!important;
}

/* Homepage art direction: retain the brand, remove the template gloss. */
body.home-page .hero{
  background:
    radial-gradient(circle at 78% 24%,rgba(240,134,71,.09),transparent 27%),
    linear-gradient(180deg,var(--qcl-cream) 0%,#F7F2E9 100%)!important;
}
body.home-page .hero::before,
body.home-page .hero::after{opacity:.28!important}
body.home-page .hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr)!important;
  gap:clamp(64px,8vw,120px)!important;
  align-items:center!important;
}
body.home-page .display{
  font-size:clamp(66px,7.6vw,112px)!important;
  line-height:.86!important;
  letter-spacing:-.032em!important;
}
body.home-page .display em{color:var(--qcl-orange)!important}
body.home-page .hero-eyebrow{
  font-size:11px!important;
  letter-spacing:.18em!important;
}
body.home-page .hero-proof{
  border-left:2px solid var(--qcl-orange)!important;
  padding-left:16px!important;
  color:var(--qcl-warm)!important;
}
body.home-page .portrait-frame{
  border-radius:8px!important;
  box-shadow:none!important;
  border:1px solid var(--qcl-line)!important;
  overflow:hidden!important;
}
body.home-page .offset-rule{display:none!important}
body.home-page .sound-badge{
  border-radius:999px!important;
  box-shadow:none!important;
  border:1px solid rgba(255,252,247,.2)!important;
}
body.home-page .plate{
  border-radius:0 0 8px 8px!important;
  box-shadow:none!important;
}
body.home-page .audiogram{opacity:.42!important}
body.home-page .ledger{
  border-radius:0!important;
  border-top:1px solid var(--qcl-line)!important;
  border-bottom:1px solid var(--qcl-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.home-page .ledger-cell{background:transparent!important}
body.home-page .trust-strip{
  background:var(--qcl-ink)!important;
  color:rgba(255,252,247,.76)!important;
  border:0!important;
}
body.home-page .sec{padding-top:112px!important;padding-bottom:112px!important}
body.home-page .sec-head{
  border-top:1px solid var(--qcl-line)!important;
  padding-top:16px!important;
}
body.home-page .sec-no b{color:var(--qcl-orange-deep)!important}
body.home-page .award-card{
  background:transparent!important;
  border-width:0 0 0 2px!important;
  border-left-color:var(--qcl-orange)!important;
  border-radius:0!important;
  padding-left:20px!important;
}
body.home-page .team-ledger a{
  border-radius:0!important;
  border-width:1px 0 0!important;
  background:transparent!important;
}
body.home-page .team-ledger a:last-child{border-bottom:1px solid var(--qcl-line)!important}
body.home-page .ix-row{
  border-color:var(--qcl-line)!important;
  border-radius:0!important;
}
body.home-page .ix-row:hover{background:var(--qcl-cream-2)!important}
body.home-page .photo-break{
  background:var(--qcl-cream-2)!important;
}
body.home-page .photo-break::before{display:none!important}
body.home-page .photo-break-img{
  border-radius:8px!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
body.home-page .std-plate{border-radius:8px!important}
body.home-page .hl-item{border-color:var(--qcl-line)!important}

/* Mobile keeps the editorial restraint and does not cover content. */
@media(max-width:1080px){
  .g-ni{height:78px!important}
  .g-logo img{height:64px!important}
}
@media(max-width:760px){
  .g-topbar .g-w{justify-content:center!important}
  .g-ni{height:74px!important}
  .g-logo img{height:58px!important}
  .g-book{padding:11px 15px!important}
  body.home-page .hero-grid{grid-template-columns:1fr!important;gap:38px!important}
  body.home-page .display{font-size:clamp(58px,18vw,82px)!important}
  body.home-page .sec{padding-top:72px!important;padding-bottom:72px!important}
}
@media(max-width:430px){
  .pinn-dock .pd-btn{font-size:9px!important;padding:0 10px!important}
  .pinn-dock .pd-btn svg{width:16px!important;height:16px!important}
  .g-book .arr{display:none}
}


/* Mobile QA pass — shared legibility, spacing, and containment across templates. */
@media(max-width:760px){
  html,body{overflow-x:clip!important}
  body{font-size:16px!important}
  main,body>section{max-width:100%;overflow-wrap:anywhere}
  :where(main,body>section) :where(.container,.wrap,.inner,.content,.content-wrap,.section-inner,
    .hero-grid,.ph-grid,.card-grid,.service-grid,.feature-grid,.loc-grid,.team-grid)>*{
    min-width:0;
  }
  :where(main,body>section) :where(p,li,summary,label,.lede,.intro,.prose,.fc-note,.tm-note){
    font-size:max(16px,1em)!important;
    line-height:1.62!important;
  }
  :where(main,body>section) :where(.lede,.intro){
    font-size:max(17px,1em)!important;
    line-height:1.6!important;
  }
  :where(main,body>section) :where(img,video,iframe,table){max-width:100%}
  :where(main,body>section) :where(.card,.cov,.step,.ind-card,.loc-card,.fact-card,.intro-card,
    .service-card,.feature-card,.form-card){
    width:100%;
    max-width:100%;
    min-width:0;
    margin-inline:auto;
  }
  :where(main,body>section) :where(.card-grid,.service-grid,.feature-grid,.loc-grid,.team-grid){
    gap:14px!important;
  }
  :where(main,body>section) :where(.btn.sm,button.quiz-opt,.padd,.sw-btn,[role="button"]){
    min-height:44px!important;
  }
  :where(main,body>section) button.quiz-opt,.padd{
    min-height:44px!important;
    padding-top:11px!important;
    padding-bottom:11px!important;
  }
  button.quiz-opt{display:flex;align-items:center}
  :where(main,body>section) .sw-btn{min-width:44px!important}
  body :has(> .brand-tile){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body .brand-tile{
    min-width:0!important;
    padding:18px 14px!important;
    overflow-wrap:anywhere;
  }
  body .cta-banner.apd-cta-dark{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  :where(.dark-band,.plate,.std-plate,.pin-band,.care-proof-grid,.trust-strip)
    :where(p,li,.lede,.intro,.prose,.section-head p){
    color:rgba(255,252,247,.82)!important;
  }
  :where(.dark-band,.plate,.std-plate,.pin-band,.care-proof-grid,.trust-strip)
    :where(h1,h2,h3,h4){
    color:var(--qcl-paper)!important;
  }
}
@media(max-width:560px){
  :where(main,body>section) :where(.hero-ctas,.hero-cta,.cta-actions){width:100%}
  :where(main,body>section) :where(.hero-ctas,.hero-cta,.cta-actions) .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .g-footer{padding-top:56px!important}
  .g-fg{gap:30px!important}
}

@media(max-width:760px){
  .btn.sm,.padd,.sw-btn{min-height:44px!important}
}

@media(max-width:760px){
  body :where(p,li,summary,label,.lede,.intro,.prose,.fc-note,.tm-note){
    font-size:max(16px,1em)!important;
    line-height:1.62!important;
  }
  body :where(.lede,.intro){font-size:max(17px,1em)!important;line-height:1.6!important}
  .cx,.acc-q,.chip{min-height:44px!important}
  .acc-q,.chip{display:flex;align-items:center}
  body:has(.brand-tile)>section:not(:first-of-type){
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
}


/* Homepage review fixes — rhythm, contrast, numbering, and full-photo framing. */
body.home-page .trust-strip .trust-item{
  color:rgba(255,252,247,.94)!important;
  opacity:1!important;
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:.18em!important;
  line-height:1.45!important;
  text-align:center!important;
}
body.home-page .trust-strip .trust-div{
  background:rgba(255,252,247,.34)!important;
  opacity:1!important;
}
body.home-page .trust-strip .wrap{
  padding-top:26px!important;
  padding-bottom:26px!important;
}
body.home-page .sec{
  padding-top:88px!important;
  padding-bottom:88px!important;
}
body.home-page .sec[style*="padding-top:0"]{
  padding-top:0!important;
}
body.home-page .photo-break{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
body.home-page .ix-no{
  font-size:22px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  margin-bottom:20px!important;
}
body.home-page .photo-break-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
body.home-page .photo-break-frame{
  min-height:0!important;
  aspect-ratio:1185 / 1327!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:var(--qcl-paper)!important;
}
body.home-page .photo-break-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:8px!important;
}
body.home-page .photo-break-text,
body.home-page .pb-card{
  height:100%!important;
}
body.home-page .pb-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
@media(max-width:1080px){
  body.home-page .sec{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  body.home-page .sec[style*="padding-top:0"]{
    padding-top:0!important;
  }
  body.home-page .photo-break{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
}
@media(max-width:760px){
  body.home-page .trust-strip .wrap{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  body.home-page .trust-strip .trust-div{display:none!important}
  body.home-page .trust-strip .trust-item{
    font-size:11.5px!important;
    letter-spacing:.14em!important;
    white-space:normal!important;
  }
  body.home-page .sec{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  body.home-page .sec[style*="padding-top:0"]{
    padding-top:0!important;
  }
  body.home-page .photo-break{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  body.home-page .ix-no{
    font-size:20px!important;
    margin-bottom:16px!important;
  }
  body.home-page .photo-break-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body.home-page .photo-break-frame{
    aspect-ratio:auto!important;
    min-height:0!important;
    border-radius:8px 8px 0 0!important;
  }
  body.home-page .photo-break-img{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:8px 8px 0 0!important;
  }
  body.home-page .photo-break-text,
  body.home-page .pb-card{
    height:auto!important;
  }
  body.home-page .pb-card{
    border-radius:0 0 8px 8px!important;
  }
}


/* ── SITEWIDE EDITORIAL TEMPLATE MIGRATION · BUILD 20260716A ──────────
   Extends the home/hearing-aid visual language to every legacy page family.
   Desktop keeps an editorial two-column hierarchy; mobile is deliberately
   re-composed into a readable single-column narrative. */
.g-nav,.g-nav.scrolled{
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.home-page){
  background:
    radial-gradient(circle at 88% 3%,rgba(240,134,71,.045),transparent 26rem),
    var(--qcl-cream)!important;
}
body:not(.home-page) > :where(.hero,.page-hero,.vid-hero,.store-hero){
  border-bottom:1px solid var(--qcl-line);
}
body:not(.home-page) > :where(.pad,.sec,.section,.track,.mfr-sec,.pin-sec){
  scroll-margin-top:110px;
}
body:not(.home-page) :where(.display,h1.display){
  text-wrap:balance;
}
body:not(.home-page) :where(.lede,.intro,.prose,p){
  text-wrap:pretty;
}
body:not(.home-page) :where(.section-head,.sec-head,.shead,.head){
  border-top-color:var(--qcl-line)!important;
}
body:not(.home-page) :where(.soft-band,.alt,.tint){
  background:var(--qcl-cream-2)!important;
}
body:not(.home-page) :where(.dark-band,.band,.pin-sec){
  border-color:rgba(255,252,247,.13)!important;
}
body:not(.home-page) :where(.dark-band,.band,.pin-sec)
  :where(p,li,.lede,.intro,.prose,.section-head p,.sec-cap){
  color:rgba(255,252,247,.82)!important;
}
body:not(.home-page) :where(.dark-band,.band,.pin-sec)
  :where(h1,h2,h3,h4,.display,.h1,.h2){
  color:var(--qcl-paper)!important;
}
.vid-hero .lede{
  color:rgba(255,252,247,.74)!important;
}
.vid-hero .crumbs,.vid-hero .crumbs a,.vid-hero .bp-label{
  color:rgba(255,252,247,.72)!important;
}
.vid-hero .bp-btn{
  color:var(--qcl-paper)!important;
  border-color:rgba(255,252,247,.18)!important;
}
.vid-hero .bp-btn.on{
  color:var(--qcl-ink)!important;
}
:where(.page-hero,.hero,.vid-hero,.mfr-hero) + :where(.section,.sec,.pad,.track){
  position:relative;
}

/* Shared mobile composition reaches body-level legacy sections as well as
   newer pages that wrap content in <main>. */
@media(max-width:760px){
  body:not(.home-page) > :where(section,main) {
    overflow:clip;
  }
  body:not(.home-page) > :where(section,main)
    :where(.wrap,.container,.inner,.content,.content-wrap,.section-inner){
    width:100%!important;
    max-width:100%!important;
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(20px,env(safe-area-inset-right))!important;
  }
  body:not(.home-page) > :where(.pad,.sec,.section,.track,.mfr-sec,.pin-sec){
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  body:not(.home-page) > :where(.hero,.page-hero,.vid-hero,.store-hero){
    min-height:auto!important;
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
  body:not(.home-page) > :where(.hero,.page-hero,.vid-hero,.store-hero)
    :where(.hero-grid,.page-hero-grid,.grid,.intro-grid){
    align-items:start!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.hero-grid,.page-hero-grid,.about-grid,.services-grid,.service-grid,
      .feature-grid,.benefit-grid,.team-grid,.loc-grid,.location-grid,.faq-grid,
      .ins-grid,.pricing-grid,.content-grid,.split,.two-col,.two-column,
      .intro-grid,.compare-grid,.photo-grid,.mfr-grid){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }
  body:not(.home-page) > :where(section,main) :where(.hero-copy,.page-hero-copy){
    order:1!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.portrait,.hero-media,.hero-visual,.hero-image,.page-hero-media){
    order:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.display,h1.display){
    font-size:clamp(42px,13vw,62px)!important;
    line-height:.9!important;
    letter-spacing:-.022em!important;
    overflow-wrap:normal!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.h1,h1:not(.display)){
    font-size:clamp(34px,10vw,48px)!important;
    line-height:.96!important;
    overflow-wrap:normal!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.h2,h2){
    font-size:clamp(30px,9vw,44px)!important;
    line-height:1!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.lede,.intro){
    max-width:40ch!important;
    font-size:17px!important;
    line-height:1.62!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.section-head,.sec-head,.shead,.head){
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:32px!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.hero-cta,.hero-ctas,.cta-row,.cta-actions,.about-actions,.loc-actions){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(.hero-cta,.hero-ctas,.cta-row,.cta-actions,.about-actions,.loc-actions)
    :where(.btn,a.btn,button){
    width:100%!important;
    min-height:50px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
  }
  body:not(.home-page) > :where(section,main)
    :where(img,video,iframe,svg,picture){
    max-width:100%!important;
    height:auto;
  }
  body:not(.home-page) > :where(section,main)
    :where(.card,.cov,.step,.ind-card,.loc-card,.fact-card,.intro-card,
      .service-card,.feature-card,.form-card,.panel,.tile){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body:not(.home-page) > :where(section,main) :where(.bp-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body:not(.home-page) > :where(section,main) :where(.bp-btn){
    min-height:76px!important;
    padding:14px 10px!important;
  }
  body:not(.home-page) > :where(section,main) table{
    display:block!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body:not(.home-page) > :where(section,main) :where(p,li){
    overflow-wrap:break-word;
  }
  .vid-hero .lede{
    color:rgba(255,252,247,.84)!important;
  }
  .pinn-dock{
    max-width:calc(100vw - 18px)!important;
  }
}
@media(max-width:430px){
  body:not(.home-page) > :where(section,main)
    :where(.wrap,.container,.inner,.content,.content-wrap,.section-inner){
    padding-left:max(18px,env(safe-area-inset-left))!important;
    padding-right:max(18px,env(safe-area-inset-right))!important;
  }
  body:not(.home-page) > :where(section,main) :where(.bp-grid){
    grid-template-columns:minmax(0,1fr)!important;
  }
}


/* ── MOBILE HEADER STABILITY · BUILD 20260716B ────────────────────────
   One-row phone navigation with no stacked utility bar, no control collision,
   and no blank above-the-fold state while reveal observers initialize. */
@media(max-width:760px){
  .g-topbar{display:none!important}
  .g-nav,.g-nav.scrolled{
    top:0!important;
    background:#fff!important;
    border-bottom:1px solid var(--qcl-line)!important;
  }
  .g-ni{
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 14px!important;
    gap:8px!important;
    justify-content:flex-start!important;
  }
  .g-logo{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .g-logo img{
    width:auto!important;
    height:62px!important;
    max-width:104px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .g-ul{display:none!important}
  .g-sbtn{
    display:grid!important;
    place-items:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
  }
  .g-book{
    flex:0 0 auto!important;
    min-height:44px!important;
    padding:0 15px!important;
    margin-left:auto!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .g-hbg{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    margin:0!important;
  }
  body.qcl-reveal-ready:not(.qcl-motion-off)
    :where(.hero,.page-hero,.vid-hero,.store-hero)
    :where([data-reveal],[data-qcl-reveal]){
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
  }
}
@media(max-width:360px){
  .g-ni{padding-inline:10px!important;gap:7px!important}
  .g-logo img{height:56px!important;max-width:92px!important}
  .g-book{padding-inline:12px!important;font-size:11.5px!important}
}

/* /assets/site-art-direction.css */
/* ======================================================================
   PINNACLE AUDIOLOGY · SITEWIDE ART DIRECTION
   Cohesive premium system with route-aware page families.
   Loaded by partials-v5.js after page styles so canonical pages inherit it.
   Palette is intentionally warm: Pinnacle orange, cream, black, warm gray.
   ====================================================================== */

:root{
  --pa-ink:#181614;
  --pa-ink-2:#3f3932;
  --pa-muted:#756c60;
  --pa-cream:#fbf7ef;
  --pa-cream-2:#f4ede1;
  --pa-paper:#fffdfa;
  --pa-orange:#F08647;
  --pa-orange-deep:#181511;
  --pa-orange-pale:#fae2d0;
  --pa-line:#ded4c4;
  --pa-dark:#11100e;
  --pa-radius:22px;
  --pa-radius-sm:14px;
  --pa-shadow:0 28px 70px -42px rgba(44,31,17,.42);
  --pa-shadow-hover:0 32px 76px -36px rgba(44,31,17,.5);
  --pa-glow:rgba(240,134,71,.13);
}

body.pa-art{
  --pa-section-space:clamp(72px,8vw,118px);
  background:var(--pa-paper);
  color:var(--pa-ink);
}

body.pa-art.pa-variant-0{--pa-radius:18px;--pa-glow:rgba(240,134,71,.11)}
body.pa-art.pa-variant-1{--pa-radius:26px;--pa-glow:rgba(189,90,32,.10)}
body.pa-art.pa-variant-2{--pa-radius:14px;--pa-glow:rgba(240,134,71,.16)}
body.pa-art.pa-variant-3{--pa-radius:30px;--pa-glow:rgba(117,90,61,.10)}

/* Shared polish ------------------------------------------------------- */
body.pa-art main{
  position:relative;
  overflow:clip;
}

body.pa-art main > :where(section,.section){
  position:relative;
}

body.pa-art main > :where(section,.section):not(.hero):not(.page-hero):not(.art-top):not(.band):not(.areas):not(.dark-band):not(.cta):not(.cta-banner){
  border-color:rgba(113,95,72,.18);
}

body.pa-art :where(.display,.h1,.h2,.h-xl,.h-lg,h1,h2){
  text-wrap:balance;
}

body.pa-art :where(.lede,.intro,p,li){
  text-wrap:pretty;
}

body.pa-art main :where(.card,.panel,.tile,.cov,.step,.ix-row,.service-card,.feature-card,.brand-card,.review-card,.faq-item,.info-card,.benefit-card,.mfr-card,.pin-card){
  border-color:rgba(128,104,75,.22);
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset,var(--pa-shadow);
  transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,border-color .32s,background .32s;
}

@media (hover:hover){
  body.pa-art main :where(a.card,a.tile,a.cov,a.step,a.ix-row,a.service-card,a.feature-card,a.brand-card,a.mfr-card,a.pin-card):hover{
    transform:translateY(-5px);
    box-shadow:0 1px 0 rgba(255,255,255,.82) inset,var(--pa-shadow-hover);
    border-color:rgba(240,134,71,.46);
  }
}

body.pa-art main :where(.card,.panel,.tile,.cov,.step,.service-card,.feature-card,.review-card,.info-card,.benefit-card){
  border-radius:var(--pa-radius);
}

body.pa-art main :where(.card-img,.hero-media,.hero-image,.ph-image,.photo-break-frame,.image-wrap,.media-frame){
  overflow:hidden;
  border-radius:var(--pa-radius);
}

body.pa-art main :where(.card-img,.hero-media,.hero-image,.ph-image,.photo-break-frame,.image-wrap,.media-frame) img{
  transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s;
}

@media (hover:hover){
  body.pa-art main :where(a,.card,.panel):hover :where(.card-img,.hero-media,.hero-image,.ph-image,.photo-break-frame,.image-wrap,.media-frame) img{
    transform:scale(1.025);
  }
}

body.pa-art main :where(.btn,.g-book,.tile-btn){
  min-height:48px;
  justify-content:center;
  box-shadow:0 10px 26px -18px rgba(39,25,12,.52);
}

body.pa-art main :where(.eyebrow,.sec-label,.sec-cap,.kicker){
  letter-spacing:.2em;
}

body.pa-art main :where(.eyebrow,.sec-label,.kicker)::before{
  opacity:.9;
}

body.pa-art main :where(.quote,blockquote){
  border-radius:var(--pa-radius);
}

/* 01 · Practice / patient experience -------------------------------- */
body.pa-family-practice main{
  background:
    radial-gradient(55vw 36vw at 94% 4%,var(--pa-glow),transparent 72%),
    linear-gradient(180deg,var(--pa-paper),#fff 32%,var(--pa-cream) 100%);
}

body.pa-family-practice main > :where(.hero,.page-hero):first-child{
  background:
    radial-gradient(42vw 34vw at 88% 16%,rgba(240,134,71,.16),transparent 72%),
    linear-gradient(145deg,#fffdfa 0%,#f6eee2 100%);
}

body.pa-family-practice main > :where(.hero,.page-hero):first-child::after{
  content:"";
  position:absolute;
  inset:auto 5% 0 5%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--pa-orange),transparent);
  opacity:.65;
}

body.pa-family-practice main :where(.team-card,.review-card,.loc-card,.ix-row,.service-card){
  background:rgba(255,253,250,.9);
}

body.pa-family-practice main :where(.team-card,.review-card,.loc-card) img{
  filter:saturate(.88) contrast(1.02) sepia(.035);
}

body.pa-family-practice main > :where(.photo-break,.dark-band,.band){
  background:
    radial-gradient(50vw 30vw at 90% 20%,rgba(240,134,71,.14),transparent 70%),
    var(--pa-dark);
}

body.pa-family-practice main :where(.trust-strip,.metrics,.stats){
  backdrop-filter:blur(12px);
}

/* Home gets the most welcoming, conversion-oriented expression. */
body.pa-family-practice.pa-home main > .hero:first-child{
  min-height:min(760px,calc(100svh - 80px));
  display:grid;
  align-items:center;
}

body.pa-family-practice.pa-home main > .trust-strip{
  box-shadow:0 16px 40px -32px rgba(33,20,10,.5);
}

body.pa-family-practice.pa-home main .sec:nth-of-type(odd):not(.dark-band):not(.cta){
  background:linear-gradient(180deg,rgba(251,247,239,.54),rgba(255,255,255,.72));
}

/* 02 · Clinical care ------------------------------------------------- */
body.pa-family-clinical main{
  background:
    linear-gradient(rgba(116,95,69,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,95,69,.055) 1px,transparent 1px),
    var(--pa-paper);
  background-size:64px 64px;
}

body.pa-family-clinical main > :where(.hero,.page-hero):first-child{
  background:
    radial-gradient(44vw 32vw at 88% 18%,rgba(240,134,71,.13),transparent 72%),
    linear-gradient(155deg,#fff 0%,#f8f2e9 100%);
  border-bottom:1px solid var(--pa-line);
}

body.pa-family-clinical main > :where(.section,.pad):nth-of-type(even):not(.band):not(.areas):not(.cta){
  background:rgba(249,245,238,.88);
}

body.pa-family-clinical main :where(.step,.process-step,.faq-item,.info-card,.feature-card){
  background:rgba(255,255,255,.93);
}

body.pa-family-clinical main :where(.step,.process-step)::before{
  color:var(--pa-orange-deep);
}

body.pa-family-clinical main :where(table,.hours-table){
  background:#fff;
  border-radius:var(--pa-radius-sm);
  box-shadow:var(--pa-shadow);
}

/* 03 · Hearing technology ------------------------------------------- */
body.pa-family-technology main{
  background:
    linear-gradient(rgba(240,134,71,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(240,134,71,.045) 1px,transparent 1px),
    #fff;
  background-size:52px 52px;
}

body.pa-family-technology main > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child,
body.pa-family-technology main > .mfr-page > .mfr-hero:first-child{
  background:
    radial-gradient(52vw 38vw at 82% 14%,rgba(240,134,71,.24),transparent 70%),
    linear-gradient(135deg,#161412 0%,#272019 56%,#11100e 100%);
  color:#fff;
  overflow:hidden;
}

body.pa-family-technology main > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child::before,
body.pa-family-technology main > .mfr-page > .mfr-hero:first-child::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.07) 50%,transparent 50.2%),
    linear-gradient(transparent 49.8%,rgba(255,255,255,.055) 50%,transparent 50.2%);
  background-size:74px 74px;
  mask-image:linear-gradient(110deg,transparent 8%,#000 56%,transparent 100%);
  pointer-events:none;
}

body.pa-family-technology main > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child :where(h1,h2,.display,.h2),
body.pa-family-technology main > .mfr-page > .mfr-hero:first-child :where(h1,h2,.display,.h2){
  color:#fff;
}

body.pa-family-technology main > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child :where(p,.lede,.intro,.crumbs),
body.pa-family-technology main > .mfr-page > .mfr-hero:first-child :where(p,.lede,.intro,.crumbs){
  color:rgba(255,248,237,.76);
}

body.pa-family-technology main > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child :where(.eyebrow,.sec-label,em),
body.pa-family-technology main > .mfr-page > .mfr-hero:first-child :where(.eyebrow,.sec-label,em){
  color:#F08647;
}

body.pa-family-technology main :where(.brand-card,.mfr-card,.device-card,.product-card,.tech-card,.cov,.step){
  background:linear-gradient(155deg,#fff 0%,#f8f3eb 100%);
  border-radius:var(--pa-radius-sm);
  position:relative;
  overflow:hidden;
}

body.pa-family-technology main :where(.brand-card,.mfr-card,.device-card,.product-card,.tech-card)::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:42%;
  height:3px;
  background:linear-gradient(90deg,var(--pa-orange),transparent);
}

body.pa-family-technology main :where(.band,.areas,.midcta){
  background:
    radial-gradient(44vw 30vw at 86% 10%,rgba(240,134,71,.18),transparent 72%),
    #151310;
}

body.pa-family-technology main :where(.brand-logo,.mfr-logo){
  filter:grayscale(1) contrast(1.08);
  transition:filter .3s,transform .3s;
}

@media (hover:hover){
  body.pa-family-technology main :where(.brand-card,.mfr-card):hover :where(.brand-logo,.mfr-logo){
    filter:none;
    transform:scale(1.03);
  }
}

/* 04 · Hearing protection / performance ----------------------------- */
body.pa-family-protection main{
  background:
    radial-gradient(60vw 38vw at 100% 0%,rgba(240,134,71,.18),transparent 72%),
    linear-gradient(180deg,#fffaf3 0%,#f4ecdf 100%);
}

body.pa-family-protection main > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-child,
body.pa-family-protection main > .mfr-page > .mfr-hero:first-child{
  background:
    linear-gradient(115deg,rgba(17,16,14,.96) 0%,rgba(17,16,14,.89) 52%,rgba(55,35,21,.72) 100%),
    var(--pa-dark);
  color:#fff;
  overflow:hidden;
}

body.pa-family-protection main > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-child::after,
body.pa-family-protection main > .mfr-page > .mfr-hero:first-child::after{
  content:"PROTECT / PERFORM / LISTEN";
  position:absolute;
  right:-.05em;
  bottom:-.2em;
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(54px,10vw,150px);
  font-weight:800;
  letter-spacing:-.04em;
  color:rgba(240,134,71,.075);
  white-space:nowrap;
  pointer-events:none;
}

body.pa-family-protection main > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-child :where(h1,h2,.display,.h2),
body.pa-family-protection main > .mfr-page > .mfr-hero:first-child :where(h1,h2,.display,.h2){color:#fff}
body.pa-family-protection main > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-child :where(p,.lede,.intro,.crumbs),
body.pa-family-protection main > .mfr-page > .mfr-hero:first-child :where(p,.lede,.intro,.crumbs){color:rgba(255,247,235,.76)}

body.pa-family-protection main :where(.pin-card,.use-card,.product-card,.feature-card,.cov,.step){
  background:#fffdf8;
  border-radius:clamp(12px,var(--pa-radius),30px);
  overflow:hidden;
}

body.pa-family-protection main :where(.pin-card,.use-card,.product-card) :where(.num,.sn,.index){
  color:var(--pa-orange-deep);
  font-size:clamp(38px,5vw,70px);
}

body.pa-family-protection main > :where(.areas,.band,.pin-band){
  background:
    repeating-linear-gradient(125deg,rgba(255,255,255,.028) 0 1px,transparent 1px 15px),
    #14120f;
}

/* 05 · Journal / editorial ------------------------------------------- */
body.pa-family-journal main{
  background:
    linear-gradient(90deg,transparent calc(50% - 1px),rgba(125,102,75,.06) 50%,transparent calc(50% + 1px)),
    var(--pa-paper);
}

body.pa-family-journal main > :where(.art-top,.journal-hero,.hero):first-child{
  background:
    radial-gradient(46vw 34vw at 86% 12%,rgba(240,134,71,.14),transparent 72%),
    linear-gradient(180deg,#fffdf9,#f7f0e5);
  border-bottom:1px solid var(--pa-line);
}

body.pa-family-journal main :where(.article-shell,.article-body,.prose){
  --pa-reading-width:70ch;
}

body.pa-family-journal main :where(.article-body,.prose) > p:first-of-type{
  font-size:1.16em;
  line-height:1.72;
  color:var(--pa-ink-2);
}

body.pa-family-journal main :where(.article-body,.prose) > p:first-of-type::first-letter{
  float:left;
  font-family:Georgia,'Times New Roman',serif;
  font-size:4.1em;
  line-height:.78;
  padding:.08em .12em 0 0;
  color:var(--pa-orange-deep);
}

body.pa-family-journal main :where(.article-body,.prose) h2{
  position:relative;
  padding-top:clamp(34px,6vw,68px);
}

body.pa-family-journal main :where(.article-body,.prose) h2::before{
  content:"";
  position:absolute;
  top:22px;
  left:0;
  width:58px;
  height:2px;
  background:linear-gradient(90deg,var(--pa-orange),transparent);
}

body.pa-family-journal main :where(blockquote,.pullquote,.quote){
  margin-block:clamp(34px,6vw,64px);
  padding:clamp(28px,5vw,52px);
  background:linear-gradient(145deg,#191613,#2b2119);
  color:#fff8ef;
  border:0;
  box-shadow:var(--pa-shadow-hover);
}

body.pa-family-journal main :where(blockquote,.pullquote,.quote) :where(p,cite){color:inherit}

body.pa-family-journal main :where(.sources,.clinical-sources,.source-list){
  background:var(--pa-cream);
  border:1px solid var(--pa-line);
  border-radius:var(--pa-radius);
  padding:clamp(24px,5vw,48px);
}

body.pa-family-journal main :where(.jcard,.journal-card,.related-card,.article-card){
  border-radius:var(--pa-radius);
  overflow:hidden;
  background:#fff;
}

/* 06 · Resources / utility ------------------------------------------- */
body.pa-family-resource main{
  background:linear-gradient(180deg,#fff 0%,#faf6ef 100%);
}

body.pa-family-resource main > :where(.hero,.page-hero):first-child{
  background:
    linear-gradient(90deg,rgba(240,134,71,.08) 1px,transparent 1px),
    linear-gradient(rgba(240,134,71,.08) 1px,transparent 1px),
    #fbf6ee;
  background-size:42px 42px;
}

body.pa-family-resource main :where(.faq-item,.resource-card,.info-card,.panel,.card){
  background:rgba(255,255,255,.94);
}

/* Family-wide section rhythm ---------------------------------------- */
body.pa-art main > :where(.pad,.section,.sec):not(.hero):not(.page-hero):not(.art-top){
  padding-top:var(--pa-section-space);
  padding-bottom:var(--pa-section-space);
}

body.pa-art main > :where(.g-trust,.trust-strip){
  padding-top:clamp(18px,3vw,34px);
  padding-bottom:clamp(18px,3vw,34px);
}

body.pa-art main > :where(.cta,.cta-banner,.midcta){
  isolation:isolate;
}

body.pa-art main > :where(.cta,.cta-banner,.midcta)::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(42vw 26vw at 50% 15%,rgba(240,134,71,.18),transparent 72%);
  pointer-events:none;
  z-index:-1;
}

/* Responsive composition -------------------------------------------- */
@media(max-width:760px){
  body.pa-art{--pa-section-space:58px;--pa-radius:18px}

  body.pa-art main > :where(.hero,.page-hero,.art-top):first-child{
    min-height:auto!important;
    padding-top:46px!important;
    padding-bottom:54px!important;
  }

  body.pa-art main :where(.display,h1.display,.art-title){
    font-size:clamp(42px,13vw,62px)!important;
    line-height:.9!important;
  }

  body.pa-art main :where(.h1,.h2,.h-xl,h2){
    overflow-wrap:normal;
  }

  body.pa-art main :where(.card,.panel,.tile,.cov,.step,.ix-row,.service-card,.feature-card,.brand-card,.review-card,.faq-item,.info-card,.benefit-card,.mfr-card,.pin-card){
    box-shadow:0 20px 44px -38px rgba(44,31,17,.42);
  }

  body.pa-art main :where(.btn,.tile-btn){
    width:100%;
    min-height:50px;
    white-space:normal;
    text-align:center;
  }

  body.pa-family-technology main > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child::before{
    background-size:46px 46px;
  }

  body.pa-family-protection main > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-child::after{
    font-size:20vw;
    bottom:.08em;
  }

  body.pa-family-journal main :where(.article-body,.prose) > p:first-of-type::first-letter{
    font-size:3.55em;
  }
}

@media(max-width:420px){
  body.pa-art{--pa-section-space:52px;--pa-radius:16px}
  body.pa-art main :where(.wrap,.container,.inner){
    max-width:100%;
  }
  body.pa-art main :where(.eyebrow,.sec-label,.sec-cap,.kicker){
    letter-spacing:.15em;
  }
}

@media(prefers-reduced-motion:reduce){
  body.pa-art main *,body.pa-art main *::before,body.pa-art main *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }
}

@media print{
  body.pa-art main{background:#fff!important}
  body.pa-art main *{box-shadow:none!important}
}

/* Direct-body template compatibility ---------------------------------
   The current site intentionally mixes two generations of canonical
   templates: some wrap content in <main>, while others place sections
   directly under <body>. These companion selectors give both structures
   the same art direction without touching the shared header or footer. */
body.pa-art > :where(section,.section){
  position:relative;
}

body.pa-art > :where(section,.section) :where(.card,.panel,.tile,.cov,.step,.ix-row,.service-card,.feature-card,.brand-card,.review-card,.faq-item,.info-card,.benefit-card,.mfr-card,.pin-card){
  border-color:rgba(128,104,75,.22);
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset,var(--pa-shadow);
  transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,border-color .32s,background .32s;
}

body.pa-art > :where(section,.section) :where(.card,.panel,.tile,.cov,.step,.service-card,.feature-card,.review-card,.info-card,.benefit-card){
  border-radius:var(--pa-radius);
}

body.pa-art > :where(section,.section) :where(.card-img,.hero-media,.hero-image,.ph-image,.photo-break-frame,.image-wrap,.media-frame){
  overflow:hidden;
  border-radius:var(--pa-radius);
}

body.pa-family-practice{
  background:
    radial-gradient(55vw 36vw at 94% 4%,var(--pa-glow),transparent 72%),
    linear-gradient(180deg,var(--pa-paper),#fff 32%,var(--pa-cream) 100%);
}

body.pa-family-practice > :where(.hero,.page-hero){
  background:
    radial-gradient(42vw 34vw at 88% 16%,rgba(240,134,71,.16),transparent 72%),
    linear-gradient(145deg,#fffdfa 0%,#f6eee2 100%)!important;
}

body.pa-family-practice > :where(.hero,.page-hero)::after{
  content:"";
  position:absolute;
  inset:auto 5% 0 5%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--pa-orange),transparent);
  opacity:.65;
}

body.pa-family-practice :where(.team-card,.review-card,.loc-card,.ix-row,.service-card){
  background:rgba(255,253,250,.9);
}

body.pa-family-clinical{
  background:
    linear-gradient(rgba(116,95,69,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,95,69,.055) 1px,transparent 1px),
    var(--pa-paper);
  background-size:64px 64px;
}

body.pa-family-clinical > :where(.hero,.page-hero){
  background:
    radial-gradient(44vw 32vw at 88% 18%,rgba(240,134,71,.13),transparent 72%),
    linear-gradient(155deg,#fff 0%,#f8f2e9 100%)!important;
  border-bottom:1px solid var(--pa-line);
}

body.pa-family-clinical :where(.step,.process-step,.faq-item,.info-card,.feature-card){
  background:rgba(255,255,255,.93);
}

body.pa-family-technology{
  background:
    linear-gradient(rgba(240,134,71,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(240,134,71,.045) 1px,transparent 1px),
    #fff;
  background-size:52px 52px;
}

body.pa-family-technology > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-of-type{
  background:
    radial-gradient(52vw 38vw at 82% 14%,rgba(240,134,71,.24),transparent 70%),
    linear-gradient(135deg,#161412 0%,#272019 56%,#11100e 100%)!important;
  color:#fff!important;
  overflow:hidden;
}

body.pa-family-technology > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-of-type::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.07) 50%,transparent 50.2%),
    linear-gradient(transparent 49.8%,rgba(255,255,255,.055) 50%,transparent 50.2%);
  background-size:74px 74px;
  mask-image:linear-gradient(110deg,transparent 8%,#000 56%,transparent 100%);
  pointer-events:none;
}

body.pa-family-technology > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-of-type :where(h1,h2,.display,.h2){color:#fff!important}
body.pa-family-technology > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-of-type :where(p,.lede,.intro,.crumbs){color:rgba(255,248,237,.78)!important}
body.pa-family-technology > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-of-type :where(.eyebrow,.sec-label,em){color:#F08647!important}

body.pa-family-technology :where(.brand-card,.mfr-card,.device-card,.product-card,.tech-card,.cov,.step){
  background:linear-gradient(155deg,#fff 0%,#f8f3eb 100%);
  border-radius:var(--pa-radius-sm);
}

body.pa-family-protection{
  background:
    radial-gradient(60vw 38vw at 100% 0%,rgba(240,134,71,.18),transparent 72%),
    linear-gradient(180deg,#fffaf3 0%,#f4ecdf 100%);
}

body.pa-family-protection > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-of-type{
  background:
    linear-gradient(115deg,rgba(17,16,14,.96) 0%,rgba(17,16,14,.89) 52%,rgba(55,35,21,.72) 100%),
    var(--pa-dark)!important;
  color:#fff!important;
  overflow:hidden;
}

body.pa-family-protection > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-of-type::after{
  content:"PROTECT / PERFORM / LISTEN";
  position:absolute;
  right:-.05em;
  bottom:-.2em;
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(54px,10vw,150px);
  font-weight:800;
  letter-spacing:-.04em;
  color:rgba(240,134,71,.075);
  white-space:nowrap;
  pointer-events:none;
}

body.pa-family-protection > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-of-type :where(h1,h2,.display,.h2){color:#fff!important}
body.pa-family-protection > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-of-type :where(p,.lede,.intro,.crumbs){color:rgba(255,247,235,.78)!important}

body.pa-family-protection :where(.pin-card,.use-card,.product-card,.feature-card,.cov,.step){
  background:#fffdf8;
  border-radius:clamp(12px,var(--pa-radius),30px);
}

body.pa-family-journal{
  background:
    linear-gradient(90deg,transparent calc(50% - 1px),rgba(125,102,75,.06) 50%,transparent calc(50% + 1px)),
    var(--pa-paper);
}

body.pa-family-journal > :where(.art-top,.journal-hero,.hero):first-of-type{
  background:
    radial-gradient(46vw 34vw at 86% 12%,rgba(240,134,71,.14),transparent 72%),
    linear-gradient(180deg,#fffdf9,#f7f0e5)!important;
  border-bottom:1px solid var(--pa-line);
}

body.pa-family-journal :where(.article-body,.prose) > p:first-of-type{
  font-size:1.16em;
  line-height:1.72;
  color:var(--pa-ink-2);
}

body.pa-family-journal :where(.article-body,.prose) > p:first-of-type::first-letter{
  float:left;
  font-family:Georgia,'Times New Roman',serif;
  font-size:4.1em;
  line-height:.78;
  padding:.08em .12em 0 0;
  color:var(--pa-orange-deep);
}

body.pa-family-journal :where(blockquote,.pullquote,.quote){
  background:linear-gradient(145deg,#191613,#2b2119);
  color:#fff8ef;
  border:0;
  box-shadow:var(--pa-shadow-hover);
}

body.pa-family-resource{
  background:linear-gradient(180deg,#fff 0%,#faf6ef 100%);
}

body.pa-family-resource > :where(.hero,.page-hero):first-of-type{
  background:
    linear-gradient(90deg,rgba(240,134,71,.08) 1px,transparent 1px),
    linear-gradient(rgba(240,134,71,.08) 1px,transparent 1px),
    #fbf6ee!important;
  background-size:42px 42px!important;
}

body.pa-art > :where(.pad,.section,.sec):not(.hero):not(.page-hero):not(.art-top){
  padding-top:var(--pa-section-space);
  padding-bottom:var(--pa-section-space);
}

@media(max-width:760px){
  body.pa-art > :where(.hero,.page-hero,.art-top):first-of-type{
    min-height:auto!important;
    padding-top:46px!important;
    padding-bottom:54px!important;
  }
  body.pa-family-technology > :where(.hero,.page-hero,.mfr-hero,.mfr-sec):first-of-type::before{background-size:46px 46px}
  body.pa-family-protection > :where(.hero,.page-hero,.pin-hero,.mfr-sec):first-of-type::after{font-size:20vw;bottom:.08em}
  body.pa-family-journal :where(.article-body,.prose) > p:first-of-type::first-letter{font-size:3.55em}
}

/* Final family hero authority ----------------------------------------
   quiet-luxury-v3 intentionally contains strong legacy hero rules.
   These higher-specificity selectors make the route family authoritative
   while leaving the proven header, footer, and layout safeguards intact. */
body.pa-art.pa-family-practice > .hero,
body.pa-art.pa-family-practice > .page-hero{
  background:
    radial-gradient(42vw 34vw at 88% 16%,rgba(240,134,71,.16),transparent 72%),
    linear-gradient(145deg,#fffdfa 0%,#f6eee2 100%)!important;
}

body.pa-art.pa-family-technology > .hero,
body.pa-art.pa-family-technology > .page-hero,
body.pa-art.pa-family-technology > .mfr-hero,
body.pa-art.pa-family-technology > .mfr-sec:first-of-type{
  background:
    radial-gradient(52vw 38vw at 82% 14%,rgba(240,134,71,.24),transparent 70%),
    linear-gradient(135deg,#161412 0%,#272019 56%,#11100e 100%)!important;
  color:#fff!important;
}

body.pa-art.pa-family-technology > :is(.hero,.page-hero,.mfr-hero,.mfr-sec:first-of-type) :is(h1,h2,.display,.h2){color:#fff!important}
body.pa-art.pa-family-technology > :is(.hero,.page-hero,.mfr-hero,.mfr-sec:first-of-type) :is(p,.lede,.intro,.crumbs){color:rgba(255,248,237,.78)!important}
body.pa-art.pa-family-technology > :is(.hero,.page-hero,.mfr-hero,.mfr-sec:first-of-type) :is(.eyebrow,.sec-label,em){color:#F08647!important}

/* Technology and protection pages use a dark opening canvas. The original
   warm-gray type token was designed for cream surfaces and fell below a
   comfortable reading contrast here. Keep the editorial warmth while making
   every line in these conversion-critical heroes immediately legible. */
body.pa-art.pa-family-technology main > :is(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child :is(p,.lede,.intro,.crumbs,.hero-trust,.ht),
body.pa-art.pa-family-protection main > :is(.hero,.page-hero,.pin-hero,.mfr-sec):first-child :is(p,.lede,.intro,.crumbs,.hero-trust,.ht){
  color:rgba(255,248,237,.86)!important;
}
body.pa-art.pa-family-technology main > :is(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child :is(.lede,.intro),
body.pa-art.pa-family-protection main > :is(.hero,.page-hero,.pin-hero,.mfr-sec):first-child :is(.lede,.intro){
  color:rgba(255,250,242,.91)!important;
}
body.pa-art.pa-family-technology main > :is(.hero,.page-hero,.mfr-hero,.mfr-sec):first-child .hero-trust,
body.pa-art.pa-family-protection main > :is(.hero,.page-hero,.pin-hero,.mfr-sec):first-child .hero-trust{
  border-top-color:rgba(255,248,237,.18)!important;
}

body.pa-art.pa-family-protection > .hero,
body.pa-art.pa-family-protection > .page-hero,
body.pa-art.pa-family-protection > .pin-hero,
body.pa-art.pa-family-protection > .mfr-sec:first-of-type{
  background:
    linear-gradient(115deg,rgba(17,16,14,.96) 0%,rgba(17,16,14,.89) 52%,rgba(55,35,21,.72) 100%),
    var(--pa-dark)!important;
  color:#fff!important;
}

body.pa-art.pa-family-protection > :is(.hero,.page-hero,.pin-hero,.mfr-sec:first-of-type) :is(h1,h2,.display,.h2){color:#fff!important}
body.pa-art.pa-family-protection > :is(.hero,.page-hero,.pin-hero,.mfr-sec:first-of-type) :is(p,.lede,.intro,.crumbs){color:rgba(255,247,235,.78)!important}

body.pa-art.pa-family-journal > .art-top,
body.pa-art.pa-family-journal > .journal-hero,
body.pa-art.pa-family-journal > .hero{
  background:
    radial-gradient(46vw 34vw at 86% 12%,rgba(240,134,71,.14),transparent 72%),
    linear-gradient(180deg,#fffdf9,#f7f0e5)!important;
  border-bottom:1px solid var(--pa-line)!important;
}

body.pa-art.pa-family-resource > .hero,
body.pa-art.pa-family-resource > .page-hero{
  background:
    linear-gradient(90deg,rgba(240,134,71,.08) 1px,transparent 1px),
    linear-gradient(rgba(240,134,71,.08) 1px,transparent 1px),
    #fbf6ee!important;
  background-size:42px 42px!important;
}

/* Dark-family action contrast */
body.pa-art.pa-family-technology main > :is(.hero,.page-hero,.mfr-hero,.mfr-sec:first-of-type) .btn.ghost,
body.pa-art.pa-family-technology > :is(.hero,.page-hero,.mfr-hero,.mfr-sec:first-of-type) .btn.ghost,
body.pa-art.pa-family-protection main > :is(.hero,.page-hero,.pin-hero,.mfr-sec:first-of-type) .btn.ghost,
body.pa-art.pa-family-protection > :is(.hero,.page-hero,.pin-hero,.mfr-sec:first-of-type) .btn.ghost{
  color:#fff!important;
  border-color:rgba(255,248,237,.62)!important;
  background:rgba(255,255,255,.045)!important;
}

body.pa-art.pa-family-technology main > :is(.hero,.page-hero,.mfr-hero,.mfr-sec:first-of-type) .btn.ghost:hover,
body.pa-art.pa-family-technology > :is(.hero,.page-hero,.mfr-hero,.mfr-sec:first-of-type) .btn.ghost:hover,
body.pa-art.pa-family-protection main > :is(.hero,.page-hero,.pin-hero,.mfr-sec:first-of-type) .btn.ghost:hover,
body.pa-art.pa-family-protection > :is(.hero,.page-hero,.pin-hero,.mfr-sec:first-of-type) .btn.ghost:hover{
  color:#fff!important;
  border-color:var(--pa-orange)!important;
  background:var(--pa-orange)!important;
}

/* Mobile art direction ------------------------------------------------
   The home masthead is intentionally recomposed instead of merely scaled:
   one clear action, a shorter portrait, and compact social proof. */
@media(max-width:760px){
  body.pa-art.pa-family-practice.pa-home main > .hero{
    min-height:0!important;
    height:auto!important;
    display:block!important;
    padding-block:34px 42px!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .hero-grid{
    gap:26px!important;
    align-items:start!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .hero-copy{
    order:1!important;
    min-height:0!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .clinical-team-panel{
    order:2!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .hero-cta{
    display:block!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .hero-cta .btn{
    width:100%!important;
    justify-content:center!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .hero-cta .btn + .btn{
    display:none!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .hero-ledger,
  body.pa-art.pa-family-practice.pa-home main > .hero .audiogram{
    display:none!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .portrait{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    max-height:520px!important;
    overflow:hidden!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .ledger{
    margin-top:30px!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .ledger-grid{
    gap:1px!important;
    background:var(--pa-line)!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .ledger-cell{
    min-height:0!important;
    padding:18px 12px!important;
    background:rgba(255,253,249,.96)!important;
  }

  body.pa-art.pa-family-practice.pa-home main > .hero .ledger-cell :is(.num,.metric,.value){
    line-height:.92!important;
  }
}


/* Premium conversion controls ----------------------------------------
   Unifies the global header actions and floating concierge dock. */
.g-book,
.g-book:visited{
  color:#fff!important;
}

.g-book:hover,
.g-book:focus-visible{
  color:#fff!important;
}

.g-call{
  border:0!important;
  border-radius:999px!important;
  background:#171411!important;
  color:#fff!important;
  box-shadow:0 14px 30px -20px rgba(17,14,11,.72)!important;
}

.g-call svg,
.g-call .g-call-label{
  color:var(--pa-orange)!important;
  stroke:var(--pa-orange)!important;
}

.g-call .g-call-num{
  color:#fff!important;
}

.g-call:hover,
.g-call:focus-visible{
  background:#29231e!important;
  color:#fff!important;
  transform:translateY(-1px);
}

.pinn-dock{
  gap:8px!important;
  right:20px!important;
  bottom:18px!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(23,20,16,.94)!important;
  box-shadow:0 22px 54px -28px rgba(16,12,8,.78)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
}

.pinn-dock .pd-btn{
  width:auto!important;
  min-width:54px!important;
  height:54px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.055em!important;
  gap:8px!important;
  box-shadow:none!important;
}

.pinn-dock .pd-btn svg,
.pinn-dock .pd-btn .pd-ic{
  color:#fff!important;
  stroke:currentColor!important;
}

.pinn-dock .pd-btn:hover,
.pinn-dock .pd-btn:focus-visible{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}

.pinn-dock .pd-btn.pd-orange{
  background:var(--pa-orange)!important;
  color:#fff!important;
}

.pinn-dock .pd-btn.pd-orange:hover,
.pinn-dock .pd-btn.pd-orange:focus-visible{
  background:var(--pa-orange-deep)!important;
  color:#fff!important;
}

.pinn-dock .pd-btn.pd-ask{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}

.pinn-dock .pd-btn.pd-ask[aria-expanded="true"]{
  background:#fff!important;
  color:var(--pa-ink)!important;
}

.pinn-dock #pdA11y{
  width:54px!important;
  padding:0!important;
  color:#fff!important;
}

.pinn-dock #pdA11y .pd-ic{
  font-size:18px!important;
  color:#fff!important;
}

@media(max-width:760px){
  .pinn-dock{
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    gap:5px!important;
    padding:5px!important;
    transform:translateX(-50%)!important;
  }

  .pinn-dock .pd-btn{
    min-width:48px!important;
    height:48px!important;
    padding:0 13px!important;
    font-size:10.5px!important;
  }

  .pinn-dock #pdA11y{
    width:48px!important;
  }
}

@media(max-width:390px){
  .pinn-dock .pd-btn{
    min-width:44px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
}


/* Editorial clinical-team hero ---------------------------------------
   A layered portrait composition keeps the founder prominent without
   letting one photograph dominate the page. */
@media(min-width:901px){
  body.home-page .hero-grid{
    grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)!important;
    column-gap:clamp(44px,6vw,86px)!important;
    align-items:center!important;
  }
}

body.home-page .portrait{
  width:min(100%,430px)!important;
  max-width:430px!important;
  justify-self:end!important;
  overflow:visible!important;
  position:relative!important;
  isolation:isolate;
}

body.home-page .portrait::before{
  content:"";
  position:absolute;
  inset:7% -5% 30% 12%;
  z-index:-2;
  border:1px solid rgba(240,134,71,.34);
  border-radius:38px 10px 38px 38px;
  transform:rotate(3deg);
}

body.home-page .portrait::after{
  content:"";
  position:absolute;
  width:42%;
  aspect-ratio:1;
  right:-8%;
  top:9%;
  z-index:-3;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,134,71,.2),transparent 70%);
  filter:blur(4px);
}

body.home-page .portrait-frame{
  width:86%!important;
  height:auto!important;
  aspect-ratio:4/5!important;
  margin-left:auto!important;
  padding:14px!important;
  border:1px solid rgba(112,87,58,.18)!important;
  border-radius:34px 10px 34px 34px!important;
  background:linear-gradient(145deg,#fffdf9,#eee3d4)!important;
  box-shadow:0 34px 70px -42px rgba(37,25,13,.6)!important;
  overflow:hidden!important;
  transform:rotate(.65deg);
}

body.home-page .portrait-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:25px 7px 25px 25px!important;
  filter:saturate(.92) contrast(1.025) sepia(.025);
}

body.home-page .portrait .sound-badge{
  right:-1%!important;
  top:4%!important;
  z-index:5!important;
  border-radius:999px!important;
  box-shadow:0 18px 42px -26px rgba(20,14,9,.62)!important;
}

body.home-page .portrait .plate{
  position:relative!important;
  z-index:6!important;
  width:94%!important;
  margin:-76px auto 0 0!important;
  padding:26px 28px 24px!important;
  border:1px solid rgba(240,134,71,.28)!important;
  border-radius:26px 7px 26px 26px!important;
  background:
    radial-gradient(120% 120% at 100% 0%,rgba(240,134,71,.16),transparent 46%),
    linear-gradient(145deg,#151310,#282019)!important;
  color:#fff!important;
  box-shadow:0 32px 68px -34px rgba(17,12,8,.78)!important;
  transform:rotate(-.55deg);
}

body.home-page .portrait .plate::before{
  content:"";
  position:absolute;
  left:28px;
  top:0;
  width:74px;
  height:3px;
  background:var(--pa-orange);
}

body.home-page .portrait .plate .name{
  color:#fff!important;
  font-size:clamp(23px,2.2vw,31px)!important;
  line-height:.98!important;
  letter-spacing:-.018em!important;
  text-wrap:balance;
}

body.home-page .portrait .plate .cred-grid{
  display:flex!important;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px!important;
  color:#f8d4bd!important;
}

body.home-page .portrait .plate .cred-grid span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:6px 9px;
  border:1px solid rgba(240,134,71,.34);
  border-radius:999px;
  background:rgba(240,134,71,.075);
  color:#ffd9c1!important;
  font-size:9.5px;
  line-height:1;
  letter-spacing:.12em;
  white-space:nowrap;
}

body.home-page .portrait .plate .role{
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  color:rgba(255,248,239,.72)!important;
  font-size:13px!important;
  line-height:1.45!important;
}

body.home-page .hero-clinicians{
  position:relative;
  z-index:7;
  display:grid;
  gap:10px;
  width:92%;
  margin:14px 0 0 auto;
}

body.home-page .hero-clinician{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:9px 14px 9px 9px;
  border:1px solid rgba(119,91,61,.2);
  border-radius:18px 5px 18px 18px;
  background:rgba(255,253,249,.94);
  color:var(--pa-ink);
  text-decoration:none;
  box-shadow:0 20px 46px -36px rgba(36,24,12,.52);
  transition:transform .25s,border-color .25s,box-shadow .25s;
}

body.home-page .hero-clinician:hover{
  transform:translateX(-4px);
  border-color:rgba(240,134,71,.5);
  box-shadow:0 24px 52px -34px rgba(36,24,12,.58);
}

body.home-page .hero-clinician img{
  width:52px;
  height:52px;
  border-radius:15px 4px 15px 15px;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.9) contrast(1.02);
}

body.home-page .hero-clinician strong,
body.home-page .hero-clinician small{
  display:block;
}

body.home-page .hero-clinician strong{
  font-family:'Barlow Condensed',sans-serif;
  font-size:17px;
  line-height:1.05;
  letter-spacing:.015em;
}

body.home-page .hero-clinician small{
  margin-top:5px;
  color:var(--pa-muted);
  font-size:10px;
  line-height:1.35;
  letter-spacing:.055em;
  text-transform:uppercase;
}

@media(max-width:900px){
  body.pa-art.pa-family-practice.pa-home main > .hero .portrait{
    width:min(100%,390px)!important;
    max-width:390px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin-inline:auto!important;
    overflow:visible!important;
  }

  body.home-page .portrait-frame{
    width:88%!important;
    max-height:none!important;
    padding:11px!important;
  }

  body.home-page .portrait .plate{
    width:96%!important;
    margin:-58px 0 0 auto!important;
    padding:23px 22px 21px!important;
    transform:rotate(-.3deg);
  }

  body.home-page .portrait .plate .name{
    font-size:clamp(24px,7vw,30px)!important;
  }

  body.home-page .hero-clinicians{
    width:100%;
    margin-top:12px;
  }

  body.home-page .hero-clinician{
    grid-template-columns:58px minmax(0,1fr);
    min-height:78px;
  }

  body.home-page .hero-clinician img{
    width:58px;
    height:58px;
  }

  body.home-page .hero-clinician strong{
    font-size:18px;
  }
}

@media(max-width:420px){
  body.home-page .portrait .sound-badge{
    right:-2%!important;
    transform:scale(.86);
    transform-origin:right center;
  }

  body.home-page .portrait .plate .cred-grid{
    gap:6px;
  }

  body.home-page .portrait .plate .cred-grid span{
    font-size:8.7px;
    padding:6px 8px;
  }
}


/* === Homepage clinical-team hero refresh · 2026-07-17 === */
body.home-page.pa-art.pa-home main > .hero{
  min-height:0!important;
  padding:clamp(42px,4.5vw,68px) 0 clamp(34px,4vw,58px)!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(240,134,71,.12),transparent 29%),
    linear-gradient(145deg,#fbf8f1 0%,#fffdf8 54%,#f3ede3 100%)!important;
}
body.home-page.pa-art.pa-home main > .hero::after{
  opacity:.35;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
}
body.home-page.pa-art.pa-home main > .hero .hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:clamp(28px,4vw,64px)!important;
  align-items:center!important;
}
body.home-page.pa-art.pa-home main > .hero .hero-copy{
  min-width:0;
  max-width:660px;
}
body.home-page.pa-art.pa-home main > .hero .hero-eyebrow{
  margin-bottom:24px!important;
  color:#181511!important;
}
body.home-page.pa-art.pa-home main > .hero h1.display{
  max-width:700px;
  margin-bottom:26px!important;
  font-size:clamp(54px,6vw,86px)!important;
  line-height:.98!important;
  letter-spacing:-.022em!important;
}
body.home-page.pa-art.pa-home main > .hero .lede{
  max-width:52ch!important;
  margin-bottom:22px!important;
  font-size:clamp(17px,1.35vw,20px)!important;
  line-height:1.62!important;
}
body.home-page.pa-art.pa-home main > .hero .hero-proof{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin:0 0 28px!important;
  padding:17px 0 0!important;
  border-top:1px solid rgba(87,68,47,.18);
  color:#655d53;
  font-family:'JetBrains Mono',monospace;
  font-size:11px!important;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.home-page.pa-art.pa-home main > .hero .hero-proof .hp-score{
  color:#1b1916;
  font-weight:700;
}
body.home-page.pa-art.pa-home main > .hero .hero-proof .star{color:var(--accent)}
body.home-page.pa-art.pa-home main > .hero .hero-cta{gap:12px!important}

/* One unified panel: every clinician receives the same space and hierarchy. */
body.home-page .clinical-team-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px 10px 28px 28px;
  background:linear-gradient(145deg,#1b1713 0%,#272019 100%);
  color:#fffaf2;
  box-shadow:0 38px 86px -48px rgba(28,18,9,.72);
  isolation:isolate;
}
body.home-page .clinical-team-panel::before{
  content:"";
  position:absolute;
  inset:-35% -20% auto 42%;
  height:300px;
  background:radial-gradient(circle,rgba(240,134,71,.24),transparent 66%);
  pointer-events:none;
  z-index:-1;
}
body.home-page .ctp-head{
  padding:28px 30px 24px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
body.home-page .ctp-kicker{
  display:block;
  margin-bottom:10px;
  color:#F08647;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
}
body.home-page .ctp-head strong{
  display:block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(27px,2.4vw,37px);
  line-height:.98;
  letter-spacing:-.01em;
  text-transform:uppercase;
}
body.home-page .ctp-head p{
  max-width:46ch;
  margin:10px 0 0;
  color:rgba(255,250,242,.68);
  font-size:13.5px;
  line-height:1.5;
}
body.home-page .ctp-list{display:grid}
body.home-page .ctp-member{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) 30px;
  align-items:center;
  gap:17px;
  min-height:112px;
  padding:15px 22px 15px 18px;
  border-bottom:1px solid rgba(255,255,255,.11);
  color:#fff;
  transition:background .22s,transform .22s;
}
body.home-page .ctp-member:hover,
body.home-page .ctp-member:focus-visible{
  background:rgba(240,134,71,.13);
  transform:translateX(3px);
}
body.home-page .ctp-member img{
  width:78px;
  height:82px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:17px 5px 17px 17px;
  background:#efe7dc;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.88) contrast(1.015);
}
body.home-page .ctp-copy,
body.home-page .ctp-copy > *{display:block}
body.home-page .ctp-copy strong{
  color:#fff;
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(19px,1.65vw,24px);
  line-height:1;
  letter-spacing:.005em;
}
body.home-page .ctp-copy > span{
  margin-top:7px;
  color:#F08647;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.home-page .ctp-copy small{
  margin-top:7px;
  color:rgba(255,250,242,.62);
  font-size:10.5px;
  line-height:1.35;
  letter-spacing:.035em;
  text-transform:uppercase;
}
body.home-page .ctp-arrow{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#F08647;
  font-size:14px;
}
body.home-page .ctp-foot{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  padding:16px 22px 18px;
}
body.home-page .ctp-foot span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid rgba(240,134,71,.3);
  border-radius:999px;
  color:rgba(255,250,242,.78);
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.home-page.pa-art.pa-home main > .hero .hero-ledger.hero-ledger-wide{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-content:stretch!important;
  gap:0!important;
  margin:clamp(34px,4vw,52px) 0 0!important;
  padding:0!important;
  border-top:1px solid rgba(87,68,47,.2)!important;
  border-bottom:1px solid rgba(87,68,47,.2);
}
body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-item{
  min-width:0;
  padding:18px clamp(14px,2vw,26px) 20px;
  gap:7px;
  border-left:1px solid rgba(87,68,47,.16);
}
body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-item:first-child{
  padding-left:0;
  border-left:0;
}
body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-k{
  font-size:9px;
  letter-spacing:.2em;
}
body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-v{
  font-size:clamp(17px,1.55vw,22px);
  line-height:1.08;
  white-space:normal;
}
body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-v em{
  color:var(--accent)!important;
}

@media(max-width:1000px){
  body.home-page.pa-art.pa-home main > .hero .hero-grid{
    grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)!important;
    gap:36px!important;
  }
  body.home-page.pa-art.pa-home main > .hero h1.display{
    font-size:clamp(58px,7.2vw,78px)!important;
  }
  body.home-page .ctp-member{
    grid-template-columns:66px minmax(0,1fr) 26px;
    min-height:98px;
    gap:13px;
    padding:12px 16px 12px 14px;
  }
  body.home-page .ctp-member img{width:66px;height:70px}
  body.home-page .ctp-copy small{font-size:9.5px}
}
@media(max-width:800px){
  body.home-page.pa-art.pa-home main > .hero{
    padding:30px 0 40px!important;
  }
  body.home-page.pa-art.pa-home main > .hero .hero-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  body.home-page.pa-art.pa-home main > .hero .hero-copy{
    max-width:none;
  }
  body.home-page.pa-art.pa-home main > .hero h1.display{
    max-width:560px;
    font-size:clamp(52px,11vw,76px)!important;
  }
  body.home-page .clinical-team-panel{
    width:100%;
    border-radius:22px 7px 22px 22px;
  }
  body.home-page.pa-art.pa-family-practice.pa-home main > .hero .hero-ledger.hero-ledger-wide{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-item{
    padding:16px!important;
    border-left:0;
    border-bottom:1px solid rgba(87,68,47,.16);
  }
  body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-item:nth-child(odd){
    border-right:1px solid rgba(87,68,47,.16);
  }
  body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-item:nth-last-child(-n+2){
    border-bottom:0;
  }
}
@media(max-width:560px){
  body.home-page.pa-art.pa-home main > .hero{
    padding:25px 0 30px!important;
  }
  body.home-page.pa-art.pa-home main > .hero h1.display{
    margin-bottom:19px!important;
    font-size:clamp(48px,15vw,64px)!important;
    line-height:.87!important;
  }
  body.home-page.pa-art.pa-home main > .hero .lede{
    margin-bottom:18px!important;
    font-size:16.5px!important;
    line-height:1.58!important;
  }
  body.home-page.pa-art.pa-home main > .hero .hero-proof{
    margin-bottom:20px!important;
    padding-top:14px!important;
    font-size:9.5px!important;
  }
  body.home-page .ctp-head{padding:23px 20px 19px}
  body.home-page .ctp-head strong{font-size:29px}
  body.home-page .ctp-head p{font-size:12.5px}
  body.home-page .ctp-member{
    grid-template-columns:62px minmax(0,1fr);
    min-height:96px;
    gap:13px;
    padding:13px 15px;
  }
  body.home-page .ctp-member img{width:62px;height:68px}
  body.home-page .ctp-copy strong{font-size:19px}
  body.home-page .ctp-copy > span{font-size:9px}
  body.home-page .ctp-copy small{font-size:9px;line-height:1.3}
  body.home-page .ctp-arrow{display:none}
  body.home-page .ctp-foot{padding:14px 15px 16px}
  body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-v{font-size:17px}
}


/* Services editorial image · Broadway */
body.home-page #services .services-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  align-items:center;
  gap:clamp(34px,4vw,60px);
  width:100%!important;
  max-width:none!important;
  margin-bottom:clamp(38px,4.5vw,62px);
}
body.home-page #services .services-intro-copy .intro{
  max-width:48ch;
  margin-bottom:0;
}
body.home-page #services .services-intro-media{
  position:relative;
  width:min(100%,540px);
  justify-self:end;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(119,91,61,.18);
  border-radius:26px 8px 26px 26px;
  background:#e8ded0;
  box-shadow:0 30px 64px -42px rgba(36,24,12,.62);
}
body.home-page #services .services-intro-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
body.home-page #services .services-intro-media img{
  width:100%;
  height:clamp(250px,27vw,340px);
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.88) contrast(.96) brightness(.98);
}
body.home-page #services .services-intro-media figcaption{
  position:absolute;
  left:16px;
  right:16px;
  bottom:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:15px 5px 15px 15px;
  background:rgba(23,20,16,.72);
  color:#fffaf2;
  backdrop-filter:blur(16px) saturate(1.05);
  -webkit-backdrop-filter:blur(16px) saturate(1.05);
}
body.home-page #services .services-intro-media figcaption span{
  font-family:'Barlow Condensed',sans-serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}
body.home-page #services .services-intro-media figcaption small{
  color:rgba(255,250,242,.7);
  font-family:'JetBrains Mono',monospace;
  font-size:8.5px;
  letter-spacing:.12em;
  text-align:right;
  text-transform:uppercase;
}
@media(max-width:900px){
  body.home-page #services .services-intro{
    grid-template-columns:1fr;
    align-items:start;
  }
  body.home-page #services .services-intro-media{
    width:100%;
    max-width:720px;
    justify-self:start;
  }
  body.home-page #services .services-intro-media img{
    height:clamp(240px,48vw,340px);
  }
}
@media(max-width:560px){
  body.home-page #services .services-intro{
    gap:24px;
    margin-bottom:30px;
  }
  body.home-page #services .services-intro-media{
    border-radius:20px 6px 20px 20px;
  }
  body.home-page #services .services-intro-media img{
    height:clamp(210px,55vw,250px);
    aspect-ratio:auto;
    object-position:center 48%;
  }
  body.home-page #services .services-intro-media figcaption{
    left:10px;
    right:10px;
    bottom:10px;
    padding:10px 11px;
  }
  body.home-page #services .services-intro-media figcaption span{font-size:16px}
  body.home-page #services .services-intro-media figcaption small{display:none}
}


/* === Legibility & interaction hardening · 2026-07-17 === */
body.home-page.pa-art.pa-home main > .hero .hero-proof{
  font-size:12px!important;
  line-height:1.55!important;
  letter-spacing:.065em!important;
}
body.home-page .ctp-kicker{font-size:11px!important}
body.home-page .ctp-copy > span{font-size:11px!important;letter-spacing:.12em!important}
body.home-page .ctp-copy small{font-size:12px!important;line-height:1.45!important}
body.home-page .ctp-foot span{font-size:10.5px!important;line-height:1.35!important}
body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-k{font-size:10.5px!important}
@media(max-width:560px){
  body.home-page.pa-art.pa-home main > .hero .hero-proof{
    gap:7px 9px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
    letter-spacing:.045em!important;
  }
  body.home-page .ctp-kicker{font-size:11px!important}
  body.home-page .ctp-copy > span{font-size:11px!important;line-height:1.35!important}
  body.home-page .ctp-copy small{font-size:11.5px!important;line-height:1.45!important;letter-spacing:.025em!important}
  body.home-page .ctp-foot span{min-height:30px;font-size:10.5px!important;letter-spacing:.065em!important}
  body.home-page.pa-art.pa-home main > .hero .hero-ledger-wide .hl-k{font-size:10.5px!important;letter-spacing:.14em!important}
  .pinn-dock .pd-btn{font-size:11px!important}
}

/* /assets/readability-hotfix-v1.css */
/*
  Pinnacle Audiology — sitewide readability hotfix
  Restores WCAG AA contrast without changing page structure or the warm palette.
  Loaded after all other shared visual layers.
*/
:root {
  --pa-readable-orange: #F08647;
  --pa-readable-orange-hover: #F08647;
  --pa-readable-ink: #181511;
  --pa-readable-cream: #fffdf8;
  --pa-readable-muted-dark: #d8d0c4;
  --pa-readable-caption: #645c50;
}

/* Preserve the true Pinnacle orange on every shared action surface. Dark
   labels provide the necessary contrast without muddying the brand color. */
.btn.btn.accent,
.g-book.g-book,
.g-fbt.g-fbt,
.pin-btn.pin-btn,
.cta-actions .btn:not(.ghost),
.pcard-badge.pcard-badge,
.pcard-tag.pcard-tag.flag,
.step-n.step-n,
.badge.badge,
.scope-note .si.si,
.faq-item[open] summary .pm,
.tile-accent.tile-accent,
.btn-tile.btn-tile.tile-accent,
.pinn-dock .pd-btn.pd-orange {
  background: var(--pa-readable-orange) !important;
  border-color: var(--pa-readable-orange) !important;
  color: var(--pa-readable-ink) !important;
}

.btn.btn.accent :where(span, strong, svg),
.g-book.g-book :where(span, strong, svg),
.g-fbt.g-fbt :where(span, strong, svg),
.pin-btn.pin-btn :where(span, strong, svg),
.cta-actions .btn:not(.ghost) :where(span, strong, svg),
.pcard-badge.pcard-badge :where(span, strong, svg),
.pcard-tag.pcard-tag.flag :where(span, strong, svg),
.step-n.step-n :where(span, strong, svg),
.badge.badge :where(span, strong, svg),
.scope-note .si.si :where(span, strong, svg),
.faq-item[open] summary .pm :where(span, strong, svg),
.tile-accent.tile-accent :where(span, strong, svg),
.btn-tile.btn-tile.tile-accent :where(span, strong, svg),
.pinn-dock .pd-btn.pd-orange :where(span, strong, svg) {
  color: inherit !important;
  stroke: currentColor !important;
}

.btn.btn.accent:hover,
.btn.btn.accent:focus-visible,
.g-book.g-book:hover,
.g-book.g-book:focus-visible,
.g-fbt.g-fbt:hover,
.g-fbt.g-fbt:focus-visible,
.pin-btn.pin-btn:hover,
.pin-btn.pin-btn:focus-visible,
.cta-actions .btn:not(.ghost):hover,
.cta-actions .btn:not(.ghost):focus-visible,
.tile-accent.tile-accent:hover,
.tile-accent.tile-accent:focus-visible,
.btn-tile.btn-tile.tile-accent:hover,
.btn-tile.btn-tile.tile-accent:focus-visible,
.pinn-dock .pd-btn.pd-orange:hover,
.pinn-dock .pd-btn.pd-orange:focus-visible {
  background: var(--pa-readable-orange-hover) !important;
  border-color: var(--pa-readable-orange-hover) !important;
  color: var(--pa-readable-ink) !important;
}

/* Keep shared labels, arrows, and interactive accents on the same true
   Pinnacle orange across light and dark surfaces. */
.pa-pathways .pa-path-card:not(:hover) .pa-path-arrow,
.answer-card .ak,
.pa-pathways .pa-path-label {
  color: var(--pa-readable-orange) !important;
}

.pa-pathways .pa-path-card:hover .pa-path-arrow,
.pa-pathways .pa-path-card:focus-visible .pa-path-arrow {
  color: var(--pa-readable-orange) !important;
}

/* Restore readable secondary copy on the dark technology callout. */
body.flagship-hearing .midcta .mc-sub {
  color: var(--pa-readable-muted-dark) !important;
}

/* Small editorial labels were rendered in a pale taupe on cream. These
   repeated captions appear across nearly every template, so correct them at
   the shared layer instead of patching individual pages. */
body.pa-art main :where(.sec-cap, .rev-meta .when, .platform .pl, .contact-ledger .ck) {
  color: var(--pa-readable-caption) !important;
}

body.pa-art main .dark-band .sec-cap {
  color: var(--pa-readable-muted-dark) !important;
}

/* Preserve orange as the visual accent while making small linked text and
   rating details readable on white and cream surfaces. */
body.home-page main :where(.rev-card .stars, .rev-lux-num .stars2, .platform .ps),
body.flagship-hearing main .intro .link-arrow,
body.flagship-homecare main .cov .ck {
  color: var(--pa-readable-orange) !important;
}

body.pa-art main :where(.jrcard .jrk, .jrcard .arr, .pcard-ix, .pin-slot__tag, .pa-path-kicker, .ak),
body.pa-art main :where(.cov, .card, .panel, .article, .art-wrap) .ck {
  color: var(--pa-readable-orange) !important;
}

/* Pinnacle orange stays the accent, while prose links use high-contrast ink
   with an orange underline on white and cream surfaces. */
body.pa-art main :where(p, li) > a:not(.btn):not(.link-arrow),
body.flagship-homecare main :where(p, li) > a:not(.btn):not(.link-arrow) {
  color: var(--pa-readable-ink) !important;
  text-decoration-line: underline !important;
  text-decoration-color: var(--pa-readable-orange) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: .18em !important;
}

body.pa-art main .dark-band.dark-band :where(p, li) > a:not(.btn),
body.pa-art main .band.band :where(p, li) > a:not(.btn),
body.pa-art main .areas.areas :where(p, li) > a:not(.btn),
body.pa-art main .midcta.midcta :where(p, li) > a:not(.btn),
body.pa-art main .pin-band.dark.dark :where(p, li) > a:not(.btn),
body.flagship-homecare main .dark-band :where(p, li) > a:not(.btn),
body.pa-art main .dark-band.dark-band .ck,
body.pa-art main .band.band .ck,
body.pa-art main .areas.areas .ck,
body.pa-art main .midcta.midcta .ck,
body.pa-art main .pin-band.dark.dark .ck {
  color: var(--pa-readable-orange) !important;
}

body.flagship-hearing main .band .intro .link-arrow {
  color: var(--pa-readable-orange) !important;
}

body.home-page .acc-item[open] .acc-q .ic {
  background: var(--pa-readable-orange) !important;
  border-color: var(--pa-readable-orange) !important;
  color: var(--pa-readable-ink) !important;
}

body.pa-art main :where(.apd-m-tag, .stars2, .afaq .ic) {
  color: var(--pa-readable-orange) !important;
}

/* Keep headline accent words on the true Pinnacle orange. */
body.pa-art.pa-art main .display.display em,
body.pa-art.pa-art main .h2.h2 em,
body.pa-art.pa-art main h1 em,
body.pa-art.pa-art main h2 em {
  color: var(--pa-readable-orange) !important;
}

body.pa-art.pa-art main :is(.dark-band, .band, .areas, .midcta, .pin-band.dark) :is(.display.display, .h2.h2, h1, h2) em,
body.pa-art.pa-art.pa-family-technology main > :is(.hero, .page-hero, .mfr-hero, .mfr-sec):first-child :is(.display.display, .h2.h2, h1, h2) em,
body.pa-art.pa-art.pa-family-protection main > :is(.hero, .page-hero, .pin-hero, .mfr-sec):first-child :is(.display.display, .h2.h2, h1, h2) em {
  color: var(--pa-readable-orange) !important;
}

body.pa-art main .apd-m-item strong {
  color: var(--pa-readable-orange) !important;
}

body.pa-art main .apd-m-foot strong {
  color: var(--pa-readable-orange) !important;
}

body.pa-art main .acc-item[open] .acc-q .ic {
  background: var(--pa-readable-orange) !important;
  border-color: var(--pa-readable-orange) !important;
  color: var(--pa-readable-ink) !important;
}

/* The photo caption used a translucent glass treatment whose contrast varied
   with the image underneath. An opaque warm-black plate makes it dependable. */
body.pa-art .hp-cap {
  background: var(--pa-readable-ink) !important;
}

body.pa-art .hp-cap :where(.hp-k, .hp-v) {
  color: var(--pa-readable-cream) !important;
}

body.pa-art .fact-card .fc-eyebrow {
  color: var(--pa-readable-orange) !important;
}

/* Route-aware art direction turns technology and protection heroes dark.
   Their older proof rows were still explicitly painted with light-page ink. */
body.pa-family-technology main > :where(.hero, .page-hero, .mfr-hero, .mfr-sec):first-child .hero-proof,
body.pa-family-technology main > :where(.hero, .page-hero, .mfr-hero, .mfr-sec):first-child .hero-proof .hp-score,
body.pa-family-protection main > :where(.hero, .page-hero, .pin-hero, .mfr-sec):first-child .hero-proof,
body.pa-family-protection main > :where(.hero, .page-hero, .pin-hero, .mfr-sec):first-child .hero-proof .hp-score {
  color: var(--pa-readable-cream) !important;
}

body.pa-family-technology main > :where(.hero, .page-hero, .mfr-hero, .mfr-sec):first-child .fact-card,
body.pa-family-protection main > :where(.hero, .page-hero, .pin-hero, .mfr-sec):first-child .fact-card {
  color: var(--pa-readable-ink) !important;
  background: var(--pa-readable-cream) !important;
}

body.pa-art.pa-family-technology main > :is(.hero, .page-hero, .mfr-hero, .mfr-sec):first-child .fact-card.fact-card :is(p, li, .fc-meta, .fc-note),
body.pa-art.pa-family-protection main > :is(.hero, .page-hero, .pin-hero, .mfr-sec):first-child .fact-card.fact-card :is(p, li, .fc-meta, .fc-note) {
  color: #5f594f !important;
}

body.pa-art.pa-family-technology main > :is(.hero, .page-hero, .mfr-hero, .mfr-sec):first-child .fact-card.fact-card .fc-eyebrow.fc-eyebrow,
body.pa-art.pa-family-protection main > :is(.hero, .page-hero, .pin-hero, .mfr-sec):first-child .fact-card.fact-card .fc-eyebrow.fc-eyebrow {
  color: var(--pa-readable-orange) !important;
}

body.pa-art.pa-family-technology main > :is(.hero, .page-hero, .mfr-hero, .mfr-sec):first-child .eyebrow,
body.pa-art.pa-family-protection main > :is(.hero, .page-hero, .pin-hero, .mfr-sec):first-child .eyebrow {
  color: var(--pa-readable-orange) !important;
}

/* Journal references are placed on a warm-black sources panel. Keep reviewer
   and medical-review text light instead of inheriting the light-page ink. */
body.pa-family-journal .editorial-section.is-sources :where(p, strong, em) {
  color: var(--pa-readable-muted-dark) !important;
}

body.pa-family-journal main .editorial-section.is-sources .art-refs a,
body.pa-family-journal main .editorial-section.is-sources a.art-ilink {
  color: var(--pa-readable-orange) !important;
}

body.pa-family-journal main .editorial-section.is-sources .art-rel-chip {
  color: var(--pa-readable-cream) !important;
  border-color: rgba(255, 253, 248, .28) !important;
  background: rgba(255, 253, 248, .08) !important;
}

body.pa-family-journal main .art-body.editorialized a.art-ilink,
body.pa-family-journal main .editorial-section.is-featured span[style*="color:var(--accent-deep)"],
body.pa-family-journal main .editorial-intro span[style*="color:var(--accent-deep)"] {
  color: var(--pa-readable-orange) !important;
}

/* The video library intentionally alternates light care guidance with dark
   video shelves. Its page-level background was being overwritten to white. */
body.pa-art main:has(.vid-hero) {
  background: var(--vbg, #141210) !important;
}

body.pa-art main:has(.vid-hero) :where(.help-strip, .basics) {
  color: var(--pa-readable-ink);
}

body.pa-art main:has(.vid-hero) :where(p, li) > a:not(.btn) {
  color: var(--pa-readable-orange) !important;
}

body.pa-art .mfr-page .info-cell p {
  color: #5f594f !important;
}

body.pa-art .rl-card.right .rl-tag {
  color: #9d2f2f !important;
}

body.pa-art .rl-card.left .rl-tag {
  color: #295d9f !important;
}

body.pa-art main .fsep {
  color: var(--pa-readable-caption) !important;
}

/* Decorative outline numbers also carry navigation meaning on these pages;
   give them a real foreground color instead of transparent text. */
body.pa-art main :where(.apd-m-num, .loc-no) {
  color: var(--pa-readable-orange) !important;
  -webkit-text-fill-color: var(--pa-readable-orange) !important;
}

body.pa-art .dd.do h3 .b {
  background: #267348 !important;
}

/* The shared footer had several 38–46% opacity labels below AA. */
.g-footer h5,
.g-footer .g-fadr,
.g-footer .g-fbot,
.g-footer .g-fleg a,
.g-footer .g-fsoc a,
.g-footer ul a,
.g-footer .g-fca > a:not(.g-fbt) {
  color: var(--pa-readable-muted-dark) !important;
}

.g-footer .g-fadr span {
  color: inherit !important;
  opacity: 1 !important;
}

.g-footer :where(a, button):focus-visible,
.pinn-dock .pd-btn:focus-visible,
.g-book:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
}

@media (max-width: 760px) {
  .pinn-dock .pd-btn.pd-orange {
    color: var(--pa-readable-ink) !important;
  }
}

/* Homepage clinical team: keep the approved editorial card opaque and
   readable even when reveal, family, or preview layers are active. */
body.home-page .clinical-team-panel {
  background: linear-gradient(145deg, #1b1713 0%, #272019 100%) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: var(--pa-readable-cream) !important;
}

body.home-page .clinical-team-panel :is(.ctp-head strong, .ctp-copy strong) {
  color: var(--pa-readable-cream) !important;
}

body.home-page .clinical-team-panel .ctp-head p {
  color: rgba(255, 253, 248, .76) !important;
}

body.home-page .clinical-team-panel .ctp-copy small,
body.home-page .clinical-team-panel .ctp-foot span {
  color: rgba(255, 253, 248, .72) !important;
}

body.home-page .clinical-team-panel :is(.ctp-kicker, .ctp-copy > span, .ctp-arrow) {
  color: var(--pa-readable-orange) !important;
}

/* Nested manufacturer heroes now share the dark editorial treatment. Keep
   every supporting label and secondary action readable on that surface. */
body.pa-art:is(.pa-family-technology, .pa-family-protection) main > .mfr-page > .mfr-hero :is(.lede, .crumbs, .crumbs a) {
  color: rgba(255, 253, 248, .82) !important;
}

body.pa-art:is(.pa-family-technology, .pa-family-protection) main > .mfr-page > .mfr-hero :is(.mfr-kicker, h1 em, .display em) {
  color: var(--pa-readable-orange) !important;
}

body.pa-art:is(.pa-family-technology, .pa-family-protection) main > .mfr-page > .mfr-hero .btn.ghost {
  border-color: rgba(255, 253, 248, .48) !important;
  color: var(--pa-readable-cream) !important;
}

body.pa-art:is(.pa-family-technology, .pa-family-protection) main > .mfr-page > .mfr-hero .mfr-meta {
  border-color: rgba(255, 253, 248, .28) !important;
  color: rgba(255, 253, 248, .72) !important;
}

body.pa-art:is(.pa-family-technology, .pa-family-protection) main > .mfr-page > .mfr-hero .mfr-meta > div {
  border-color: rgba(255, 253, 248, .28) !important;
}

body.pa-art:is(.pa-family-technology, .pa-family-protection) main > .mfr-page > .mfr-hero .mfr-meta b {
  color: var(--pa-readable-cream) !important;
}

/* /assets/pinnacle-brand-navigation.css */
/* Approved Pinnacle orange: #F08647. Shared UI, not manufacturer artwork. */
:root{--pinnacle-orange:#F08647;--gn-accent:#F08647;--gn-accentd:#181511}
body .g-nav,body .g-nav.scrolled{background:#fff!important;backdrop-filter:none!important}
body .pinn-dock #pdAsk{background:#fff!important;color:#181511!important;box-shadow:inset 0 0 0 1.5px var(--pinnacle-orange)!important}
body .pinn-dock #pdAsk:hover,body .pinn-dock #pdAsk[aria-expanded="true"]{background:var(--pinnacle-orange)!important;color:#181511!important}
body .pinn-dock #pdAsk :where(span,svg){color:inherit!important}
body .hero-proof{color:#5C554C!important}
body .hero-proof .hp-sep{color:#756C61!important}
body .hero-proof .star{color:var(--pinnacle-orange)!important}
body .g-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 18px;padding:0 0 18px;border-bottom:1px solid #DED4C4}
body .g-quick-links a,body .g-quick-links button{display:flex;align-items:center;min-height:46px;margin:0;padding:10px 12px;border:1px solid #DED4C4;border-radius:10px;background:#fff;color:#181511;font:600 15px/1.3 'Barlow',sans-serif;text-decoration:none;text-align:left;cursor:pointer}
body .g-quick-links :is(a,button):hover{border-color:var(--pinnacle-orange);text-decoration:underline;text-decoration-color:var(--pinnacle-orange);text-underline-offset:4px}
body .g-quick-links :is(a,button):focus-visible{outline:3px solid #181511;outline-offset:2px}
body .g-dr .g-book{display:flex!important;max-width:none!important;width:100%;justify-content:center}
body[data-pa-route="/journal"] .hero .pa-editorial-photo-card{margin:28px 0 0}
body[data-pa-route="/journal"] .hero .pa-epc-wrap{width:100%;max-width:none}
body[data-pa-route="/journal"] .hero .pa-epc-card{width:100%;max-width:none;border-radius:16px;box-shadow:none}
body[data-pa-route="/journal"] .hero .pa-epc-media{height:280px;aspect-ratio:auto}
body[data-pa-route="/journal"] .hero .pa-epc-media :is(picture,img){height:100%!important;aspect-ratio:auto!important}
body[data-pa-route="/journal"] .hero .pa-epc-media img{object-position:center 16%}
body #request [hidden]{display:none!important}
body .g-care-rail{display:flex;justify-content:center;gap:8px 28px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #DED4C4;background:#FAF8F3;color:#181511}
body .g-care-rail a{display:flex;align-items:center;min-height:36px;font:600 15px/1.3 'Source Sans 3',sans-serif;color:#181511;text-decoration:none;white-space:nowrap}
body .g-care-rail a:hover,body .g-care-rail a:focus-visible{text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:5px}
body .g-footer .g-location-hours{display:inline-block;margin-top:8px;color:#FFFDF8!important}
@media(max-width:760px){body .g-care-rail{gap:4px 18px;padding:8px 16px}body .g-care-rail a{min-height:36px;font-size:13px}}
@media(max-width:760px){
  body .pinn-dock[data-yield="true"]{visibility:hidden!important;pointer-events:none!important}
  body[data-pa-route="/journal"] .hero .pa-epc-media{height:180px}
}

/* /assets/responsive-shell.css */
/* Pinnacle Audiology shared responsive contract.
   Only non-negotiable mobile safety behavior belongs here. */

@media (max-width: 760px) {
  /* The first screen must never depend on an observer or animation timer. */
  body.reveal-ready :where(.hero, .page-hero, .vid-hero, .store-hero, main > :first-child)
    :where([data-reveal], [data-qcl-reveal]),
  body.qcl-reveal-ready :where(.hero, .page-hero, .vid-hero, .store-hero, main > :first-child)
    :where([data-reveal], [data-qcl-reveal]) {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }

  /* Keep the floating action dock from covering the final footer links. */
  .g-footer {
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }

  body {
    scroll-padding-bottom: 96px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Shared shell surfaces may not create document-level horizontal overflow. */
  .g-topbar,
  .g-dr,
  .g-sov {
    max-width: 100vw;
    overflow-x: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-qcl-reveal] {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

/* /assets/editorial-lux-v1.css */
/* =====================================================================
   PINNACLE AUDIOLOGY — EDITORIAL LUXURY COMPOSITION LAYER
   Presentation-only treatment for repeated service, resource and location
   templates. Warm Pinnacle orange, cream, black and warm gray only.
   ===================================================================== */

:root{
  --pae-orange:#F08647;
  --pae-orange-deep:#181511;
  --pae-ink:#181511;
  --pae-ink-soft:#4F473E;
  --pae-cream:#F8F3EA;
  --pae-paper:#FFFDF9;
  --pae-line:#DED4C4;
  --pae-muted:#746B60;
  --pae-radius:22px;
  --pae-shadow:0 30px 70px -48px rgba(42,29,16,.52);
}

body.pa-editorial-system main{
  min-width:0;
  isolation:isolate;
}

body.pa-editorial-system main :where(h1,h2,h3,.display,.h-xl,.h-lg,.h-md){
  text-wrap:balance;
}

body.pa-editorial-system main :where(p,.lede,.intro,li){
  text-wrap:pretty;
}

body.pa-editorial-system main :where(img,video,iframe){
  max-width:100%;
}

/* Editorial first screen for content-led pages without photography. */
body.pa-editorial-system.pa-no-content-media:not(.pa-route-family-video):not(.pa-route-family-journal)
  main > :is(.page-hero,.hero):first-child{
  background:
    radial-gradient(circle at 88% 22%,rgba(240,134,71,.19),transparent 28%),
    linear-gradient(rgba(92,72,49,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,72,49,.055) 1px,transparent 1px),
    linear-gradient(145deg,#fffdfa 0%,#f6efe5 100%) !important;
  background-size:auto,58px 58px,58px 58px,auto !important;
  border-bottom:1px solid var(--pae-line) !important;
}

body.pa-editorial-system.pa-no-content-media:not(.pa-route-family-video):not(.pa-route-family-journal)
  main > :is(.page-hero,.hero):first-child :where(.ph-image,.hero-media,.hero-image):empty{
  min-height:clamp(280px,34vw,470px);
  border:1px solid rgba(181,83,32,.26);
  border-radius:clamp(18px,3vw,34px);
  background:
    radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(240,134,71,.20) 18.3% 18.7%,transparent 19% 32%,rgba(240,134,71,.15) 32.3% 32.7%,transparent 33% 46%,rgba(240,134,71,.10) 46.3% 46.7%,transparent 47%),
    linear-gradient(145deg,rgba(255,253,249,.9),rgba(244,235,223,.86));
}

/* Repair the previously under-specified card-grid component. */
body.pa-editorial-system main .card-grid{
  --pae-card-gap:clamp(12px,1.5vw,20px);
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:var(--pae-card-gap) !important;
  align-items:stretch;
  counter-reset:pae-card;
  margin-top:clamp(26px,4vw,48px);
}

body.pa-editorial-system main .card-grid > .card{
  grid-column:span 4;
  min-width:0;
  min-height:clamp(210px,18vw,280px);
  position:relative;
  overflow:hidden;
  counter-increment:pae-card;
  border:1px solid var(--pae-line) !important;
  border-radius:var(--pae-radius) !important;
  background:linear-gradient(145deg,var(--pae-paper),#F7F0E6) !important;
  box-shadow:var(--pae-shadow) !important;
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s;
}

body.pa-editorial-system main .card-grid > .card::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:42%;
  height:3px;
  background:linear-gradient(90deg,var(--pae-orange),transparent);
  pointer-events:none;
}

body.pa-editorial-system main .card-grid > .card .card-body{
  display:flex;
  min-height:100%;
  flex-direction:column;
  padding:clamp(24px,3vw,38px) !important;
}

body.pa-editorial-system main .card-grid > .card .card-body::before{
  content:"0" counter(pae-card);
  display:block;
  margin:0 0 clamp(28px,5vw,54px);
  color:var(--pae-orange-deep);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
}

body.pa-editorial-system main .card-grid > .card :where(h3,.h-md){
  margin-top:0;
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(27px,2.6vw,39px);
  font-weight:750;
  line-height:.98;
  letter-spacing:-.015em;
  text-transform:uppercase;
}

body.pa-editorial-system main .card-grid > .card p{
  margin-bottom:0;
  color:var(--pae-ink-soft);
  line-height:1.62;
}

body.pa-editorial-system main .card-grid > .card :where(.card-link,a:not(.btn)){
  color:var(--pae-orange-deep);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* Exact-count compositions keep rows intentional instead of leaving orphans. */
body.pa-editorial-system main .card-grid:has(> :nth-child(1):last-child) > .card{grid-column:1/-1;min-height:0}
body.pa-editorial-system main .card-grid:has(> :nth-child(2):last-child) > .card{grid-column:span 6}
body.pa-editorial-system main .card-grid:has(> :nth-child(4):last-child) > .card{grid-column:span 6}
body.pa-editorial-system main .card-grid:has(> :nth-child(5):last-child) > .card:nth-child(-n+2){grid-column:span 6}

@media(hover:hover){
  body.pa-editorial-system main .card-grid > .card:hover{
    transform:translateY(-5px);
    border-color:rgba(181,83,32,.48) !important;
    box-shadow:0 32px 76px -42px rgba(42,29,16,.6) !important;
  }
}

/* Tile-heavy pages get section rhythm and one restrained dark editorial beat. */
body.pa-editorial-system.pa-tile-heavy main > .section:nth-of-type(even):not(.faq):not(.related-services),
body.pa-editorial-system.pa-tile-heavy main > .pad:nth-of-type(even):not(.cta){
  background:
    linear-gradient(90deg,rgba(102,79,51,.045) 1px,transparent 1px),
    linear-gradient(rgba(102,79,51,.045) 1px,transparent 1px),
    var(--pae-cream) !important;
  background-size:64px 64px !important;
}

body.pa-editorial-system.pa-tile-heavy main > :is(.section,.pad):nth-of-type(4n+3)
  .card-grid > .card:first-child{
  background:linear-gradient(145deg,#171411,#2B211A) !important;
  border-color:#171411 !important;
  color:#FFF9F0;
}

body.pa-editorial-system.pa-tile-heavy main > :is(.section,.pad):nth-of-type(4n+3)
  .card-grid > .card:first-child :where(h3,.h-md,p,a,.eyebrow){
  color:inherit !important;
}

/* Existing cov grids retain their page-specific layout, but no longer look flat. */
body.pa-editorial-system.pa-tile-heavy main .cov-grid > .cov{
  position:relative;
  overflow:hidden;
  border-color:var(--pae-line) !important;
  border-radius:clamp(16px,2vw,24px) !important;
  background:linear-gradient(145deg,#fff,var(--pae-cream)) !important;
  box-shadow:var(--pae-shadow) !important;
}

body.pa-editorial-system.pa-tile-heavy main .cov-grid > .cov::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--pae-orange),transparent 72%);
  pointer-events:none;
}

/* Process lists become a confident editorial timeline. */
body.pa-editorial-system main .steps{
  position:relative;
  counter-reset:pae-step;
}

body.pa-editorial-system main .steps > li{
  counter-increment:pae-step;
  border-color:var(--pae-line) !important;
}

body.pa-editorial-system main .steps > li :where(.step-n,.sn){
  border-color:rgba(240,134,71,.55) !important;
  color:var(--pae-orange-deep) !important;
}

/* Long prose sections should read like a magazine, not a CMS dump. */
body.pa-editorial-system.pa-tile-heavy main .prose{
  max-width:76ch;
  padding-left:clamp(18px,3vw,38px);
  border-left:2px solid var(--pae-orange);
}

body.pa-editorial-system main :where(.accordion,.faqx){
  border-top:1px solid var(--pae-line);
  border-bottom:1px solid var(--pae-line);
}

body.pa-editorial-system main :where(.acc-item,details){
  border-color:var(--pae-line) !important;
}

body.pa-editorial-system:is(.pa-tile-heavy,.pa-no-content-media):not(.pa-route-family-journal):not(.pa-route-family-video)
  main :where(.cta-banner,.cta,.midcta){
  background:
    radial-gradient(circle at 50% 0,rgba(240,134,71,.20),transparent 38%),
    linear-gradient(145deg,#181511,#2A2019) !important;
  color:#FFF9F0;
}

body.pa-editorial-system:is(.pa-tile-heavy,.pa-no-content-media):not(.pa-route-family-journal):not(.pa-route-family-video)
  main :where(.cta-banner,.cta,.midcta) :where(h2,p,.eyebrow){
  color:inherit !important;
}

body.pa-editorial-system:is(.pa-tile-heavy,.pa-no-content-media):not(.pa-route-family-journal):not(.pa-route-family-video)
  main :where(.cta-banner,.cta,.midcta) .btn.ghost{
  color:#FFF9F0 !important;
  border-color:rgba(255,249,240,.42) !important;
}

/* Location pages receive a slightly more hospitable, less clinical cadence. */
body.pa-editorial-system.pa-route-family-location main .cov-grid > .cov:first-child{
  background:linear-gradient(145deg,#181511,#2B211A) !important;
  color:#FFF9F0;
}

body.pa-editorial-system.pa-route-family-location main .cov-grid > .cov:first-child :where(h3,p,a,.sec-label){
  color:inherit !important;
}

@media(max-width:900px){
  body.pa-editorial-system main .card-grid > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(2):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(4):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(5):last-child) > .card:nth-child(-n+2){
    grid-column:span 6;
  }
}

@media(max-width:680px){
  body.pa-editorial-system main .card-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:24px;
  }

  body.pa-editorial-system main .card-grid > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(1):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(2):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(4):last-child) > .card,
  body.pa-editorial-system main .card-grid:has(> :nth-child(5):last-child) > .card:nth-child(-n+2){
    grid-column:1 !important;
    min-height:0;
    border-radius:17px !important;
  }

  body.pa-editorial-system main .card-grid > .card .card-body{
    padding:24px !important;
  }

  body.pa-editorial-system main .card-grid > .card .card-body::before{
    margin-bottom:22px;
  }

  body.pa-editorial-system main .card-grid > .card :where(h3,.h-md){
    font-size:30px;
  }

  body.pa-editorial-system.pa-tile-heavy main > .section:nth-of-type(even):not(.faq):not(.related-services),
  body.pa-editorial-system.pa-tile-heavy main > .pad:nth-of-type(even):not(.cta){
    background-size:42px 42px !important;
  }

  body.pa-editorial-system main :where(.section-head,.mfr-head,.shead){
    margin-bottom:clamp(28px,8vw,44px);
  }

  body.pa-editorial-system main :where(.cta-ctas,.cta-actions,.hero-ctas,.hero-cta){
    width:100%;
  }

  body.pa-editorial-system main :where(.cta-ctas,.cta-actions,.hero-ctas,.hero-cta) > :where(a,button){
    width:100%;
    min-height:54px;
    justify-content:center;
    text-align:center;
  }
}

@media(prefers-reduced-motion:reduce){
  body.pa-editorial-system main .card-grid > .card{
    transition:none !important;
  }
}

@media print{
  body.pa-editorial-system main .card-grid > .card,
  body.pa-editorial-system.pa-tile-heavy main .cov-grid > .cov{
    box-shadow:none !important;
  }
}

/* /assets/visual-audit-fixes-v1.css */
/* =====================================================================
   PINNACLE AUDIOLOGY — VISUAL AUDIT REPAIR CONTRACT · 2026-08-05
   Centralized corrections for the 20-item desktop/mobile audit.
   No copy, medical facts, contact information, or branding is changed.
   ===================================================================== */

:root{
  --pav-orange:#F08647;
  --pav-orange-dark:#181511;
  --pav-ink:#181511;
  --pav-copy:#4E473F;
  --pav-cream:#F8F3EA;
  --pav-line:#DED4C4;
  --pav-display:clamp(58px,7.2vw,112px);
  --pav-page-title:clamp(48px,5.8vw,88px);
  --pav-section-title:clamp(38px,4.3vw,64px);
  --pav-ease-out:cubic-bezier(.23,1,.32,1);
  --pav-ease-in-out:cubic-bezier(.77,0,.175,1);
}

html,body{max-width:100%;overflow-x:clip}
body.pa-editorial-system main,
body.pa-editorial-system main :where(section,article,div,figure,ul,ol){min-width:0}
body.pa-editorial-system main :where(img,picture,video,iframe,svg){max-width:100%}
body.pa-editorial-system main :where(p,li,a,h1,h2,h3){overflow-wrap:break-word}

/* 11 — Pinnacle orange remains the brand color; dark ink restores contrast. */
:where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.mb-book,.mobile-bar .mb-book,
  .pinn-dock .pd-orange,.pinn-dock a[href*="schedule"],.cta .btn.accent){
  background-color:var(--pav-orange)!important;
  color:var(--pav-ink)!important;
  text-shadow:none!important;
}
:where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.mb-book,.pinn-dock .pd-orange) :where(svg,path){
  color:currentColor!important;stroke:currentColor;
}

/* 12 — The dock is an accessibility tool, not microcopy. */
.pinn-dock{min-height:64px!important;padding:7px!important;gap:5px!important}
.pinn-dock :where(a,button){min-height:50px!important;min-width:56px!important;font-size:13px!important;line-height:1.1!important;letter-spacing:.035em!important}
body .pinn-dock .pd-btn{font-size:13px!important;line-height:1.1!important;letter-spacing:.035em!important}
body .pinn-dock .pd-btn.pd-orange{background:var(--pav-orange)!important;color:var(--pav-ink)!important}
body .pinn-dock .pd-btn.pd-orange :where(svg,.pd-ic){color:var(--pav-ink)!important;stroke:currentColor!important}
.pinn-dock :where(svg){width:21px!important;height:21px!important}

/* 13 — A stable display scale across old and new page templates. */
body.pa-editorial-system main :where(.display,.hp-h1,.hac-display,.vg-title){font-size:var(--pav-display)!important;line-height:.91!important;letter-spacing:-.018em}
body.pa-editorial-system main :where(.page-hero h1,.hero h1,.mfr-hero h1):not(.display):not(.hp-h1):not(.hac-display){font-size:var(--pav-page-title)!important;line-height:.95!important}
body.pa-editorial-system main :where(.h2,.hac-h2,.section-head h2){font-size:var(--pav-section-title);line-height:1}

/* 1–2 — Hearing protection products preserve their real proportions. */
body[data-pa-route="/protection"] .hp-stage{contain:layout paint;overflow:hidden}
body[data-pa-route="/protection"] .hp-float,
body[data-pa-route="/protection"] .hp-float img,
body[data-pa-route="/protection"] .hp-card-img img{
  object-fit:contain!important;
  object-position:center!important;
}
body[data-pa-route="/protection"] .hp-float img{display:block;width:100%!important;height:100%!important}
body[data-pa-route="/protection"] .hp-why-art{overflow:hidden!important}

/* 3 — Video hub: every grid child can shrink and no brand rail is clipped. */
body[data-pa-route="/hearing-aid-videos"] :where(.vid-hero,.video-index,.bp-grid,.vrow,.sched,.wrap){min-width:0;max-width:100%}
body[data-pa-route="/hearing-aid-videos"] :where(.bp-grid,.vrow,.sched)>*{min-width:0;max-width:100%}

/* 4 — Hearing-aid comparison and cost cards stay inside the viewport. */
body[data-pa-route="/hearing-aids"] :where(.ha-hero-grid,.ha-proof,.cov-grid,.brand-grid,.brand-row,.ha-cost-grid,.ha-cost-included,.g-trust-in)>*{
  min-width:0;max-width:100%;
}
body[data-pa-route="/hearing-aids"] .brand-row{width:100%;overflow:hidden}

/* 5 — Complete layout contract for the previously under-styled Phonak page. */
body[data-pa-route="/phonak-infinio-sphere"] main .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
body[data-pa-route="/phonak-infinio-sphere"] .page-hero{padding:clamp(54px,8vw,104px) 0}
body[data-pa-route="/phonak-infinio-sphere"] .ph-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(30px,5vw,72px);align-items:start}
body[data-pa-route="/phonak-infinio-sphere"] :where(.fact-card,.card,.card-grid,.section-head,.hero-ctas){min-width:0;max-width:100%}
body[data-pa-route="/phonak-infinio-sphere"] .fact-card{border:1px solid var(--pav-line);border-radius:22px;background:#fff;padding:clamp(24px,3vw,40px)}
body[data-pa-route="/phonak-infinio-sphere"] .hero-ctas{display:flex;flex-wrap:wrap;gap:12px}

/* 6 + 16 — Two-row, discoverable manufacturer navigation and mobile details. */
.pa-mobile-details{display:none}

/* 8 — Reviews gallery/logo/location components respect their containers. */
body[data-pa-route="/reviews"] :where(.pgal,.pgal-grid,.tap-grid,.tap-card,.tap-logo,.pgal-brand,.pgal-team){min-width:0;max-width:100%}
body[data-pa-route="/reviews"] :where(.tap-logo img,.pgal-brand img,.pgal-brand-ear){height:auto!important;object-fit:contain!important}

/* 9 — One high-risk article: eliminate overflow and protect light-card copy. */
body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(.hero-grid,.tech-grid,.tier-grid,.compare,.card-grid,.brand-quick-grid)>*{min-width:0;max-width:100%}
body[data-pa-route="/journal/best-hearing-aids-nyc"] main :where(.tech-cell,.tier,.bq-card,.card):not(.intro-card-dark) :where(p,li,a,span){color:var(--pav-ink)}

/* 10, 14 + 15 — All generated video pages: compact, legible, overflow-safe. */
body.pa-route-family-video :where(.vg-wrap,.vg-grid,.vg-video,.vg-panel,.vg-sections,.vg-section,.vg-links,.vg-list,.vg-brand){min-width:0;max-width:100%}
body.pa-route-family-video .vg-title{font-size:clamp(48px,6vw,76px);line-height:.98;max-width:16ch}
body.pa-route-family-video .vg-hero{padding-block:clamp(42px,6vw,68px) clamp(34px,5vw,52px);min-height:0!important}
body.pa-route-family-video .vg-grid{padding-block:clamp(30px,4vw,52px)}

/* 17–18 — Long pages/articles gain chapter pacing without fake imagery. */
body.pa-longform main{counter-reset:pav-chapter}
body.pa-longform main :where(article,.prose,.art-body,.article-body) h2{
  counter-increment:pav-chapter;
  position:relative;
  margin-block:clamp(70px,9vw,120px) .55em!important;
  padding-top:26px;
  font-size:clamp(34px,4.4vw,54px)!important;
  line-height:1.08!important;
  text-wrap:balance;
}
body.pa-longform main :where(article,.prose,.art-body,.article-body) h2::before{
  content:"0" counter(pav-chapter);
  position:absolute;top:0;left:0;
  color:var(--pav-orange-dark);
  font:700 10px/1 'JetBrains Mono',ui-monospace,monospace;
  letter-spacing:.18em;
}
body.pa-longform main :where(article,.prose,.art-body,.article-body) h2::after{
  content:"";position:absolute;top:4px;left:34px;width:44px;height:1px;background:var(--pav-orange);
}
body.pa-route-family-journal main :where(article,.prose,.art-body,.article-body) h3{line-height:1.16!important;margin-block:1.8em .55em!important}
body.pa-route-family-journal main :where(article,.prose,.art-body,.article-body) :where(p,li){line-height:1.72}

/* 20 — This file is the final compatibility layer across both shared shells. */

/* Motion system — calm, interruptible, and limited to useful state change. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
  body.pa-editorial-system main :where([data-reveal],[data-qcl-reveal],[data-hac-reveal],.reveal){
    filter:none!important;
    transition-property:opacity,transform!important;
    transition-duration:480ms!important;
    transition-timing-function:var(--pav-ease-out)!important;
  }
}

/* Accordion content opens through its intrinsic row instead of max-height. */
body.pa-editorial-system main .acc-a{
  display:grid!important;
  grid-template-rows:0fr;
  max-height:none!important;
  overflow:hidden;
  opacity:0;
  transition:grid-template-rows 200ms var(--pav-ease-out),opacity 200ms var(--pav-ease-out)!important;
}
body.pa-editorial-system main .acc-a>.acc-a-inner{
  min-height:0;
  overflow:hidden;
  padding-bottom:0!important;
}
body.pa-editorial-system main .acc-a>.acc-a-inner::after{
  content:"";
  display:block;
  height:28px;
}
body.pa-editorial-system main .acc-item[open]>.acc-a{grid-template-rows:1fr;opacity:1}
body.pa-editorial-system main details.acc-item>.acc-a{display:grid!important}

/* Manufacturer guides use direct paragraph/list children and an `.acc.open`
   state. Keep their authored display toggle instead of applying the wrapped
   intrinsic-row pattern used by the shared details accordions. */
body.pa-editorial-system main .mfr-page .acc>.acc-a{
  display:none!important;
  grid-template-rows:none!important;
  max-height:none!important;
  opacity:1;
  transition:none!important;
}
body.pa-editorial-system main .mfr-page .acc.open>.acc-a{display:block!important}
body.pa-editorial-system main .acc-q .ic{
  transition:transform 160ms var(--pav-ease-out),background-color 180ms ease,border-color 180ms ease,color 180ms ease!important;
}

/* The shared shell owns the reading-progress indicator. */
body.pa-editorial-system .scroll-prog{display:none!important}

/* Established controls all share the same short, tactile press response. */
body.pa-editorial-system main :where(
  a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
  .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip,.pa-path-card
){
  transition-property:transform,background-color,border-color,color,box-shadow!important;
  transition-duration:160ms,180ms,180ms,180ms,180ms!important;
  transition-timing-function:var(--pav-ease-out),ease,ease,ease,ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.pa-editorial-system main :where(
    .card,.cov,.step,.pcard,.bcard,.tier,.service-card,.feature-card,
    .tap-card,.life-card,.rev-card,.pa-path-card,
    .hero-photo .hp-frame img,.mfr-shot img,.prod-img
  ){
    transition-duration:180ms!important;
    transition-timing-function:var(--pav-ease-out)!important;
  }
}

@media(hover:none),(pointer:coarse){
  body.pa-editorial-system main :where(
    .card,.cov,.step,.pcard,.bcard,.tier,.service-card,.feature-card,
    .tap-card,.life-card,.rev-card,.pa-path-card,
    a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
    .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip
  ):hover{transform:none!important}
  body.pa-editorial-system main :where(.btn,.cov,.pcard):hover :where(.arr,.arrow){transform:none!important}
  body.pa-editorial-system main :where(.hero-photo,.mfr-shot):hover img{transform:none!important}
}
body.pa-editorial-system main :where(
  a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
  .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip,.pa-path-card
):active{transform:scale(.97)!important}

/* Decorative loops rest in their authored first frame. */
body.pa-editorial-system :where(.g-dot,.topbar .dot,.reach-live i){animation:none!important}
body[data-pa-route="/"] :where(.sound-badge .bars i,.lux-word,.rev-track){animation:none!important}
body[data-pa-route="/protection"] :where(.hp-eq span,.hp-float,.hp-track,.hp-why-art img){animation:none!important}
body.flagship-hearing[data-pa-route="/hearing-aids"] #consultation .step .sn{animation:none!important}
.mfr-page :where(.mfr-hero img,.pcard-media img,.acc-media img,.el-stage){animation:none!important}
body[data-pa-route="/reviews"] .tap-card:hover .tap-logo img{animation:none!important}
body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(
  .hero-photo,.hero-photo img,.prod-img,.prod-img-b,.prod-img-c,.prod-img-d,
  .life-card,.brands-photo,.float-dev-a,.float-dev-b,.float-dev-c,.float-dev-d,
  .dm-img-a,.dm-img-b,.dm-img-c,.dm-img-d,.dm-img-e
){animation:none!important}

@media(max-width:760px){
  :root{--pav-display:clamp(46px,13vw,64px);--pav-page-title:clamp(42px,12vw,58px);--pav-section-title:clamp(34px,9.5vw,48px)}

  /* 19 — Mobile must never wait for a reveal observer or retain blur. */
  body :where([data-reveal],[data-qcl-reveal],[data-hac-reveal],.in,.reveal){
    opacity:1!important;filter:none!important;transform:none!important;animation:none!important;transition:none!important;
  }

  /* The dock uses explicit insets at every mobile state. Keeping the geometry
     independent of the reveal/open classes prevents a transform from pushing
     the rail outside the viewport when Ask or Text Size is opened. */
  body .pinn-dock.pinn-dock{left:8px!important;right:8px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;justify-content:stretch!important;transform:none!important}
  .pinn-dock :where(a,button){flex:1 1 0!important;padding-inline:10px!important}

  body[data-pa-route="/protection"] .hp-stage{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
    width:100%!important;max-width:100%!important;min-height:0!important;padding:18px!important;
  }
  body[data-pa-route="/protection"] .hp-float{
    position:static!important;inset:auto!important;transform:none!important;margin:0 auto!important;
    width:100%!important;max-width:100%!important;height:132px!important;padding:10px!important;
  }
  body[data-pa-route="/protection"] .hp-f1{grid-column:1/-1;height:230px!important;max-width:330px!important}

  body[data-pa-route="/hearing-aid-videos"] :where(.vid-hero .wrap,.hero-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body[data-pa-route="/hearing-aid-videos"] .bp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[data-pa-route="/hearing-aid-videos"] :where(.vrow,.sched){grid-template-columns:minmax(0,1fr)!important}

  body[data-pa-route="/hearing-aids"] :where(.ha-hero-grid,.ha-proof,.cov-grid,.brand-grid,.ha-cost-grid,.ha-cost-included,.g-trust-in){grid-template-columns:minmax(0,1fr)!important}
  body.flagship-hearing[data-pa-route="/hearing-aids"] #modern .cov-grid,
  body.flagship-hearing[data-pa-route="/hearing-aids"] #brands .brand-grid,
  body.flagship-hearing[data-pa-route="/hearing-aids"] #tech-levels .tier-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;
    scroll-snap-type:none!important;padding-inline:0!important;
  }
  body.flagship-hearing[data-pa-route="/hearing-aids"] :where(#modern .cov,#brands .bcard,#tech-levels .tier){
    width:100%!important;max-width:100%!important;flex:auto!important;
  }
  body[data-pa-route="/hearing-aids"] .brand-row{grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important;padding-inline:12px!important}
  body[data-pa-route="/hearing-aids"] :where(.ha-hero-visual,.ha-cost-next,.ha-cost-links){position:static!important;transform:none!important;width:100%!important}

  body[data-pa-route="/phonak-infinio-sphere"] main .container{width:min(100% - 36px,1180px)}
  body[data-pa-route="/phonak-infinio-sphere"]{margin:0!important}
  body[data-pa-route="/phonak-infinio-sphere"] main .container{box-sizing:border-box!important;padding-inline:0!important}
  body[data-pa-route="/phonak-infinio-sphere"] :where(.ph-grid,.card-grid,.section-head){grid-template-columns:minmax(0,1fr)!important;display:grid!important}
  body[data-pa-route="/phonak-infinio-sphere"] :where(.ph-grid>*,.card-grid>*,.fact-card){box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-inline:0!important}
  body[data-pa-route="/phonak-infinio-sphere"] .hero-ctas>.btn{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-inline:18px!important}
  body[data-pa-route="/phonak-infinio-sphere"] .pa-pathways .wrap{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
  body[data-pa-route="/phonak-infinio-sphere"] .pa-pathways :where(.pa-path-head,.pa-path-grid,.pa-path-card){box-sizing:border-box!important;width:100%!important;max-width:100%!important}
  body[data-pa-route="/phonak-infinio-sphere"] main section[style*="padding"]{padding-block:56px!important}

  .mfr-page .subnav .wrap{position:relative}
  .mfr-page .subnav-inner{
    display:grid!important;grid-template-rows:repeat(2,auto);grid-auto-flow:column;
    grid-auto-columns:minmax(118px,42vw);gap:5px!important;overflow-x:auto!important;
    scroll-snap-type:x proximity;padding:8px 54px 8px 0!important;
  }
  .mfr-page .subnav-inner a{scroll-snap-align:start;text-align:center;border:1px solid var(--pav-line);background:#fff}
  .mfr-page .subnav .wrap::after{
    content:"SWIPE →";position:absolute;right:0;top:0;bottom:0;z-index:2;display:grid;place-items:center;
    width:58px;color:var(--pav-orange-dark);font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.08em;
    background:linear-gradient(90deg,rgba(255,255,255,0),#fff 30%);
  }
  .mfr-page .pa-mobile-details{
    display:flex;width:calc(100% - 36px);margin:0 18px 18px;padding:13px 15px;align-items:center;justify-content:space-between;
    border:1px solid var(--pav-line);border-radius:9px;background:var(--pav-cream);color:var(--pav-ink);
    font:700 12px/1.2 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;
  }
  .mfr-page .pa-mobile-details i{width:9px;height:9px;border-right:2px solid var(--pav-orange-dark);border-bottom:2px solid var(--pav-orange-dark);transform:rotate(45deg)}
  .mfr-page .pa-mobile-details[aria-expanded="true"] i{transform:rotate(-135deg)}
  body.pa-details-ready .mfr-page .pcard:not(.is-expanded) :where(.spec-grid,.pcard-sl){display:none!important}

  body.hac-page .hac-jump{position:relative!important;top:auto!important}
  body.hac-page .hac-jump-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
  body.hac-page .hac-jump-label{grid-column:1/-1}
  body.hac-page .hac-jump-inner a{display:flex!important;width:100%!important;min-width:0!important;justify-content:center;text-align:center;white-space:normal!important}

  body[data-pa-route="/reviews"] .pgal-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"man" "grd" "off" "team" "logo"!important;grid-template-rows:none!important;
    gap:12px!important;width:100%!important;padding-inline:18px!important;overflow:hidden!important;
  }
  body[data-pa-route="/reviews"] .tap-grid{grid-template-columns:minmax(0,1fr)!important}
  body[data-pa-route="/reviews"] :where(.pgal-grid>*,.tap-card,.tap-logo){width:100%!important;max-width:100%!important;transform:none!important}

  body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(.hero-grid,.tech-grid,.tier-grid,.brand-quick-grid,.card-grid){grid-template-columns:minmax(0,1fr)!important}
  body[data-pa-route="/journal/best-hearing-aids-nyc"] :where(table,.compare){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

  body.pa-route-family-video .vg-title{font-size:clamp(42px,12.5vw,54px)!important;line-height:1.02!important;max-width:100%}
  body.pa-route-family-video :where(.vg-grid,.vg-sections,.vg-links,.vg-list){grid-template-columns:minmax(0,1fr)!important}
  body.pa-route-family-video .vg-wrap{width:min(100% - 32px,1180px)!important}
}

@media(max-width:390px){
  .pinn-dock :where(a,button){font-size:12px!important;min-width:0!important;padding-inline:6px!important}
  body[data-pa-route="/hearing-aid-videos"] .bp-grid{grid-template-columns:minmax(0,1fr)!important}
}

@media(prefers-reduced-motion:reduce){
  body.pa-editorial-system :where([data-reveal],[data-qcl-reveal],[data-hac-reveal],.in,.reveal){
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    transition-property:opacity,background-color,border-color,color,box-shadow!important;
    transition-duration:120ms!important;
    transition-timing-function:ease!important;
  }
  body.pa-editorial-system main :where(
    .card,.cov,.step,.pcard,.bcard,.tier,.service-card,.feature-card,
    .tap-card,.life-card,.rev-card,.pa-path-card,
    .hero-photo .hp-frame img,.mfr-shot img,.prod-img
  ){animation:none!important;transform:none!important}
  body.pa-editorial-system main :where(
    a.btn,button.btn,.hac-btn,.hero-ctas a,.cta-ctas a,
    .q-opt,.quiz-opt,.qz-opt,.quiz-back,.quiz-retake,.chip,.pa-path-card
  ){
    animation:none!important;
    transform:none!important;
    transition-property:background-color,border-color,color,box-shadow!important;
    transition-duration:120ms!important;
    transition-timing-function:ease!important;
  }
  body.pa-editorial-system main .acc-a{transition:opacity 120ms ease!important}
  body.pa-editorial-system main .acc-q .ic{
    transition-property:background-color,border-color,color!important;
    transition-duration:120ms!important;
    transition-timing-function:ease!important;
  }
}

/* =====================================================================
   SITEWIDE VISUAL PASS · 2026-08-24
   Twenty additional desktop/mobile corrections found in the 114-page
   rendered-page audit. These rules are deliberately structural: they do
   not change copy, clinical claims, branding, colors, or page meaning.
   ===================================================================== */

/* 21 — A single box model prevents padded controls and cards from escaping. */
body.pa-editorial-system :where(main,header,footer) *,
body.pa-editorial-system :where(main,header,footer) *::before,
body.pa-editorial-system :where(main,header,footer) *::after{box-sizing:border-box}

/* 22 — Sticky navigation no longer hides linked sections or people. */
html{scroll-padding-top:clamp(92px,10vw,126px)}
body.pa-editorial-system main :where(section,article,[id]){scroll-margin-top:clamp(92px,10vw,126px)}

/* 23 — Keyboard focus is obvious on every legacy and current template. */
body.pa-editorial-system :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid #1A73E8!important;outline-offset:4px!important;box-shadow:none!important
}

/* 24 — Interactive controls keep a dependable hit area without inflating copy. */
body.pa-editorial-system :where(
  button,.btn,.hac-btn,.g-book,.g-call,.mb-book,.mb-call,.mobile-bar a,
  .jump a,.chips a,.chip[href],.acc-q,summary,.faq-q,.qz-opt,.quiz-opt,.vlink,.link-arrow
){min-height:44px}
body.pa-editorial-system :where(button,.btn,.hac-btn,.g-book,.g-call,.mb-book,.mb-call,.mobile-bar a,.acc-q,summary,.faq-q){touch-action:manipulation}

/* 25 — Form controls remain readable and do not trigger iOS zoom. */
body.pa-editorial-system :where(input,select,textarea){
  max-width:100%;min-height:48px;font-size:16px!important;line-height:1.35
}
body.pa-editorial-system textarea{min-height:132px;resize:vertical}

/* 26 — Display headlines wrap intentionally instead of clipping at narrow widths. */
body.pa-editorial-system main :where(h1,h2,h3,.display,.hp-h1,.hac-display,.vg-title){
  max-width:100%;text-wrap:balance;hyphens:none;overflow-wrap:normal;word-break:normal
}

/* 27 — Primary body copy has a consistent readable measure and line rhythm. */
body.pa-editorial-system main :where(.lede,.intro>p,.section-head>p,.mfr-head>p,.art-lede){
  max-width:62ch;line-height:1.58
}

/* 28 — Eyebrows and proof labels were the most common sub-10px finding. */
body.pa-editorial-system main :where(
  .eyebrow,.sec-label,.section-label,.kicker,.hero-eyebrow,.mfr-kicker,.vg-kicker,
  .hac-kicker,.ck,.ik,.gk,.hl-k,.pa-epc-label,.toc-credential
){font-size:max(10px,.68rem)!important;line-height:1.35!important}

/* 29 — Breadcrumbs stay on one readable rail rather than clipping mid-label. */
body.pa-editorial-system main :where(.crumbs,.breadcrumbs,.vg-crumbs,.art-crumbs){
  max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;white-space:nowrap;padding-block:4px
}
body.pa-editorial-system main :where(.crumbs,.breadcrumbs,.vg-crumbs,.art-crumbs)::-webkit-scrollbar{display:none}

/* 30 — Jump links, filters, and chips remain reachable on one horizontal rail. */
@media(max-width:760px){
  body.pa-editorial-system main :where(.jump,.chips,.filter-chips,.toc-links,.anchor-nav):not(.hac-jump-inner){
    flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding-bottom:8px
  }
  body.pa-editorial-system main :where(.jump,.chips,.filter-chips,.toc-links,.anchor-nav)>*{
    flex:0 0 auto;scroll-snap-align:start
  }
}

/* 31 — Wide clinical comparison tables scroll inside the page, never the page. */
body.pa-editorial-system main :where(.table-wrap,.compare,.comparison-table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.pa-editorial-system main table{max-width:100%}

/* 32 — Video embeds and thumbnails preserve a stable 16:9 presentation. */
body.pa-editorial-system main :where(.vid-frame,.vg-video,.video-frame,.embed-wrap){
  max-width:100%;aspect-ratio:16/9;overflow:hidden
}
body.pa-editorial-system main :where(.vid-frame,.vg-video,.video-frame,.embed-wrap) :where(iframe,video,img){
  display:block;width:100%;height:100%;object-fit:cover
}

/* 33 — Product imagery is contained; people and offices retain natural crops. */
body.pa-route-family-technology main :where(.pcard-media,.brand-product,.prod-img,.mfr-shot) img{
  max-width:100%;object-fit:contain!important;object-position:center!important
}
body.pa-route-family-practice main :where(.portrait,.photo,.bio-photo,.team-photo) img{
  max-width:100%;object-position:center!important
}

/* 34 — Editorial product cards remain compact and their captions stay legible. */
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{max-width:420px}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label{
  font-size:10.5px!important;line-height:1.35!important;letter-spacing:.09em!important
}

/* 35 — Reserve breathing room so the persistent accessibility rail covers nothing. */
@media(max-width:760px){
  body:has(.pinn-dock){padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  body .pinn-dock.pinn-dock{z-index:9998!important}
  body .pinn-dock .pd-btn{font-size:12px!important;line-height:1.15!important}
}

/* 36 — Footer navigation becomes comfortably readable and tappable on mobile. */
@media(max-width:760px){
  body.pa-editorial-system footer :where(.g-fg,.g-fca,.g-fcol,.footer-grid)>*{min-width:0}
  body.pa-editorial-system footer li a{display:inline-flex;align-items:center;min-height:40px;line-height:1.35}
  body.pa-editorial-system footer :where(h4,h5,.gk){font-size:12px!important;line-height:1.35!important}
}

/* 37 — The App Store destination reads as a deliberate badge, not a text link. */
body.pa-editorial-system footer .g-fapp{
  display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;
  gap:10px;min-height:58px;max-width:240px;padding:9px 13px!important;line-height:1.15!important
}
body.pa-editorial-system footer .g-fapp-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#F8F3EA}
body.pa-editorial-system footer .g-fapp-icon img{display:block;width:30px;height:30px;object-fit:contain}

/* 38 — Header actions keep their geometry and never crush the wordmark. */
body.pa-editorial-system header :where(.g-nav,.g-w,.g-main,.g-actions){min-width:0}
body.pa-editorial-system header :where(.g-book,.g-call){min-height:48px;white-space:nowrap}
body.pa-editorial-system header :where(.g-logo,.g-brand) img{display:block;max-width:100%;height:auto;object-fit:contain}

/* 39 — Stacked CTA groups align cleanly rather than producing orphan buttons. */
body.pa-editorial-system main :where(.hero-ctas,.cta-ctas,.actions,.button-row){align-items:stretch;gap:12px}
@media(max-width:560px){
  body.pa-editorial-system main :where(.hero-ctas,.cta-ctas,.actions,.button-row){display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body.pa-editorial-system main :where(.hero-ctas,.cta-ctas,.actions,.button-row)>:where(a,button){width:100%;justify-content:center;text-align:center}
}

/* 40 — Mobile proof rows remain editorial, but no longer collapse into microtype. */
@media(max-width:760px){
  body[data-pa-route="/"] :where(.hero-review-link,.hero-ledger,.hero-proof,.proof-row){max-width:100%}
  body[data-pa-route="/"] .hero-review-link{
    display:inline-flex;align-items:center;min-height:44px;padding:9px 6px!important;
    font-size:12px!important;line-height:1.25!important
  }
  body[data-pa-route="/"] :where(.hero-ledger .hl-k,.hmt-kicker,.proof-row,.hero-proof){font-size:11px!important;line-height:1.35!important}
}

/* ======================================================================
   EDITORIAL POLISH PASS · 2026-08-27
   Fifty-two sitewide repairs added after the shared-shell audit.
   These selectors intentionally outrank legacy page themes so the same
   legibility and interaction rules reach every indexed template.
   ====================================================================== */

/* 41 — Lock the public site to its intended warm-light editorial canvas. */
html{color-scheme:light;background:#FFFDF9}
body.pa-editorial-system{background:#FFFDF9;color:#1B1916;text-rendering:optimizeLegibility}

/* 42 — Prevent legacy templates from shrinking or clipping text columns. */
body.pa-editorial-system main :where(section,article,aside,div,figure,form,fieldset){min-width:0}
body.pa-editorial-system main :where(p,li,dd,dt,figcaption,label){overflow-wrap:anywhere;text-wrap:pretty}

/* 43 — Keep reading copy comfortably paced on both dense and sparse pages. */
body.pa-editorial-system main :where(p,li,dd){line-height:max(1.55,1.55em)}

/* 44 — Balance editorial headlines and remove clipped display descenders. */
body.pa-editorial-system main :where(h1,h2,h3,.display,.h-xl,.h-lg,.h2,.hac-display){text-wrap:balance;overflow:visible}

/* 45 — Micro-labels remain editorial without becoming microtype. */
body.pa-editorial-system main :where(.eyebrow,.sec-label,.kicker,.label,.overline,.hac-kicker,.mfr-kicker){font-size:max(11px,.69rem)!important;line-height:1.45!important}

/* 46 — Restore readable secondary copy on white, cream, and beige cards. */
body.pa-editorial-system main :where(.card,.tile,.step,.panel,.faq-item,.acc,.service-card,.loc-card,.ha-model):not(.dark):not([class*="dark"]) :where(p,li,small){color:#514A41}

/* 47 — Dark editorial panels use a consistent warm-white contrast scale. */
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(p,li,small){color:rgba(255,253,248,.78)!important}
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(h1,h2,h3,strong){color:#FFFDF8}

/* 48 — Every orange primary action uses ink, not low-contrast white type. */
body.pa-editorial-system :where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.pd-btn.pd-orange){background:#F08647!important;color:#181511!important;text-shadow:none!important}
body.pa-editorial-system :where(.g-book,.btn.accent,.btn.primary,.hac-btn.primary,.pd-btn.pd-orange) :where(svg,path,.pd-iconbox,.pd-label){color:#181511!important;stroke:currentColor!important}

/* 49 — Ghost and secondary actions keep a visible boundary on pale panels. */
body.pa-editorial-system main :where(.btn.ghost,.btn.secondary,.ghost-btn){border-color:#8B7B69!important;color:#2C2722!important;background:rgba(255,253,249,.7)}

/* 50 — Links inside reading copy look actionable without making cards noisy. */
body.pa-editorial-system main :where(p,li,dd) a:not(.btn):not([class*="button"]){text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em;text-decoration-color:#F08647}

/* 51 — Keyboard focus is visible across every theme and surface. */
body.pa-editorial-system :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #F08647!important;outline-offset:3px!important}

/* 52 — Interactive controls meet a dependable touch target. */
body.pa-editorial-system main :where(button,.btn,[role="button"],summary){min-height:44px}

/* 53 — Inputs inherit the luxury palette instead of browser-default gray. */
body.pa-editorial-system main :where(input,select,textarea){border:1px solid #BEB19F!important;background:#FFFDF9!important;color:#1B1916!important;border-radius:12px}

/* 54 — Placeholder and helper copy remain readable. */
body.pa-editorial-system main :where(input,textarea)::placeholder{color:#73695D!important;opacity:1}

/* 55 — Comparison tables have a calm header and scannable row rhythm. */
body.pa-editorial-system main table{border-collapse:collapse;background:#FFFDF9}
body.pa-editorial-system main table :where(th,td){padding:14px 16px;border-bottom:1px solid #DDD4C7;vertical-align:top}
body.pa-editorial-system main table th{background:#F1E8DB;color:#211D19;text-align:left}

/* 56 — Accordion headings are readable, aligned, and easy to activate. */
body.pa-editorial-system main :where(details>summary,.acc-q,.faq-q){align-items:center;min-height:52px;line-height:1.35;color:#211D19}

/* 57 — Images cannot stretch beyond their natural editorial frame. */
body.pa-editorial-system main :where(img,picture,video,iframe){height:auto;max-width:100%}
body.pa-editorial-system main figure{overflow:hidden}

/* 58 — Card grids cannot force page-level horizontal scrolling. */
body.pa-editorial-system main :where(.grid,.card-grid,.tiles,.steps,.brand-grid,.match-grid,.ha-compare-grid)>*{min-width:0;max-width:100%}

/* 59 — Section spacing follows one restrained desktop cadence. */
@media(min-width:761px){body.pa-editorial-system main :where(section.pad,section.section,.pad){padding-top:clamp(72px,7vw,112px);padding-bottom:clamp(72px,7vw,112px)}}

/* 60 — Mobile sections stay generous without producing dead space. */
@media(max-width:760px){body.pa-editorial-system main :where(section.pad,section.section,.pad){padding-top:clamp(48px,12vw,68px)!important;padding-bottom:clamp(48px,12vw,68px)!important}}

/* 61 — Anchored headings clear the persistent header. */
body.pa-editorial-system main [id]{scroll-margin-top:112px}

/* 62 — The footer uses one true-ink surface across legacy templates. */
body.pa-editorial-system footer.g-footer{background:#15120F!important;color:#FFFDF8!important;border-top:2px solid #F08647}

/* 63 — Footer marks retain their aspect ratio and never appear stretched. */
body.pa-editorial-system footer .g-fb img{display:block;width:min(220px,100%)!important;height:auto!important;max-height:112px;object-fit:contain!important;object-position:left center}

/* 64 — Footer links meet legibility and mobile target requirements. */
body.pa-editorial-system footer :where(.g-fcol a,.g-fca a,.g-fsoc a){color:rgba(255,253,248,.78)!important;line-height:1.45}
body.pa-editorial-system footer :where(.g-fcol a,.g-fca a,.g-fsoc a):hover{color:#F08647!important}

/* 65 — Footer headings are bright enough to scan at a glance. */
body.pa-editorial-system footer :where(h4,h5,.gk){color:rgba(255,253,248,.68)!important;font-weight:700!important}

/* 66 — Shared header controls keep one vertical size and optical center. */
body.pa-editorial-system header :where(.g-sbtn,.g-hbg,.g-book,.g-call){align-items:center!important;justify-content:center!important;min-height:46px}

/* 67 — The dock is one deliberate component, never four unrelated floats. */
html body .pinn-dock.pinn-dock{align-items:stretch!important;isolation:isolate!important;border-radius:999px!important}

/* 68 — Ask icon and label remain visible and centered on the white pill. */
html body .pinn-dock .pd-btn.pd-ask{color:#181511!important}
html body .pinn-dock .pd-btn.pd-ask :where(svg,.pd-iconbox,.pd-label){color:#181511!important;stroke:currentColor!important}

/* 69 — Text Size is a labeled action, not an unexplained “Aa” glyph. */
html body .pinn-dock #pdA11y{font-size:11px!important;color:#FFFDF8!important}
html body .pinn-dock #pdA11y .pd-label{display:block!important;font-size:11px!important;color:inherit!important}

/* 70 — Dock icons and labels share the same centerline and color. */
html body .pinn-dock .pd-btn :where(.pd-iconbox,.pd-label){display:flex!important;align-items:center!important;justify-content:center!important;color:inherit!important}

/* 71 — Mobile dock actions occupy four equal columns at every phone width. */
@media(max-width:760px){
  html body .pinn-dock.pinn-dock{left:8px!important;right:8px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:auto!important;max-width:none!important;transform:none!important}
  html body .pinn-dock .pd-btn{width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;padding:4px 2px!important;flex-direction:column!important;gap:4px!important;text-align:center!important}
  html body .pinn-dock #pdA11y{width:100%!important;min-width:0!important;padding:4px 2px!important;font-size:10px!important}
  html body .pinn-dock .pd-label,html body .pinn-dock #pdA11y .pd-label{font-size:10px!important;line-height:1!important;white-space:nowrap!important}
}

/* 72 — Text-size choices use full labels and clear selected contrast. */
.pinn-dock .pd-panel{color:#1B1916!important;background:#FFFDF9!important;border-color:#CFC2B0!important}
.pinn-dock .pd-row button{color:#1B1916!important;min-height:62px!important}
.pinn-dock .pd-row button.on{background:#F7E3D3!important;border-color:#F08647!important}

/* 73 — Ask remains usable without covering the header or action dock. */
#pdAssist.pd-assist{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 112px)!important}

/* 74 — Ask messages use readable clinical copy sizes and contrast. */
#pdAssist .pda-msg{font-size:max(14px,.875rem)!important;line-height:1.55!important}
#pdAssist .pda-note{font-size:max(10px,.625rem)!important;color:#6C6257!important}

/* 75 — Mobile forms and CTA rows never create tiny side-by-side buttons. */
@media(max-width:560px){
  body.pa-editorial-system main :where(.hero-cta,.hero-ctas,.cta-ctas,.actions,.button-row)>:where(a,button){min-height:50px!important;white-space:normal!important}
}

/* 76 — Compact screens retain the full four-action rail without overlap. */
@media(max-width:360px){
  html body .pinn-dock.pinn-dock{left:5px!important;right:5px!important;gap:3px!important;padding:4px!important}
  html body .pinn-dock .pd-btn{height:54px!important}
  html body .pinn-dock .pd-label,html body .pinn-dock #pdA11y .pd-label{font-size:9px!important;letter-spacing:.02em!important}
}

/* 77 — Motion preferences apply to all shared editorial interaction layers. */
@media(prefers-reduced-motion:reduce){
  body.pa-editorial-system *,body.pa-editorial-system *::before,body.pa-editorial-system *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 78 — Print output excludes navigation utilities and keeps readable ink. */
@media print{
  .pinn-dock,#pdAssist,.g-topbar,.g-nav,.g-mobile-callbar{display:none!important}
  body.pa-editorial-system,body.pa-editorial-system main{background:#fff!important;color:#000!important}
}

/* 79 — Homepage proof links no longer drop to ten-pixel mobile type. */
body.pa-editorial-system main :where(.hero-review-link,.review-proof-platform small){font-size:11.5px!important;line-height:1.4!important}

/* 80 — Hearing-aid model metadata remains legible beneath brand headings. */
body.pa-editorial-system main .brand-copy small{font-size:11px!important;line-height:1.45!important;letter-spacing:.1em!important}

/* 81 — Mobile article navigation reports its section count at a readable size. */
body.pa-editorial-system main details>summary small{font-size:11px!important;line-height:1.35!important}

/* 82 — Homepage clinical-standard badge no longer relies on eight-pixel type. */
body.pa-editorial-system main .sb-t small{font-size:10.5px!important;line-height:1.3!important}

/* 83 — Text-only orange uses an accessible editorial rust on pale surfaces. */
:root{--pav-orange-text:#181511;--pav-orange-large:#181511;--pav-orange-dark:#F08647}
body.pa-editorial-system main :where(
  .eyebrow,.hero-eyebrow,.sec-label,.section-label,.sec-cap,.kicker,.hac-kicker,
  .mfr-kicker,.sp-kicker,.sp-no,.fc-eyebrow,.ak,.ck,.ik,.gk,.pk,.jrk,.rl,
  .pin-proof__n,.link-arrow,.ta,.tt,.arr,.article-kicker,.pcard-badge,.pcard-tag,.pcard-ix
){color:var(--pav-orange-text)!important}

/* 84 — Scripted orange display words keep their warmth and meet large-text contrast. */
html body.pa-editorial-system[data-pa-route] main :is(h1,h2,h3,.display,.h2,.hac-display) em{
  color:var(--pav-orange-large)!important;
  background:linear-gradient(transparent 76%,#F08647 76%,#F08647 96%,transparent 96%)!important;
  -webkit-text-fill-color:currentColor!important;
  width:fit-content;max-width:100%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone
}

/* 85 — Dark editorial surfaces retain a brighter orange accent. */
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark,.areas) :where(
  .eyebrow,.hero-eyebrow,.sec-label,.section-label,.sec-cap,.kicker,.hac-kicker,
  .mfr-kicker,.ak,.ck,.ik,.gk,.pk,.jrk,.rl,.pin-proof__n,.link-arrow,.ta,.arr,
  h1 em,h2 em,h3 em,.display em,.h2 em,.hac-display em
){color:var(--pav-orange-dark)!important}
html body.pa-editorial-system[data-pa-route] main :is(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark,.areas,.dark-band,.vid-hero,.hotlines,.vcta,.pgal,.pin-sec,.ev-hero,.evidence-band) :is(h1 em,h2 em,h3 em,.display em,.hac-display em){background:none!important;color:#F08647!important;-webkit-text-fill-color:currentColor!important}

/* 86 — Ratings and numbered highlights remain scannable without low-contrast gold. */
body.pa-editorial-system main :where(.stars,.stars2,.pin-stars b,.sec-no b,.step-no,.sn){color:var(--pav-orange-text)!important}
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(.stars,.stars2,.pin-stars b,.sec-no b,.step-no,.sn){color:var(--pav-orange-dark)!important}

/* 87 — Muted labels on light cards use warm graphite, not translucent gray. */
body.pa-editorial-system main :where(.role,.meta,.fc-meta,.day,.times,.muted){color:#5C5349!important}

/* 88 — Photo captions get a dependable dark scrim independent of the image beneath. */
body.pa-editorial-system main .pa-epc-caption{
  background:rgba(21,18,15,.94)!important;border-color:rgba(240,134,71,.42)!important
}
body.pa-editorial-system main .pa-epc-caption .pa-epc-label{color:#FFD1B3!important}

/* 89 — Concierge photo metadata remains readable over every crop. */
body.pa-editorial-system main .hp-cap{background:rgba(14,13,11,.88)!important;border-color:rgba(255,253,248,.34)!important}
body.pa-editorial-system main .hp-cap .hp-k{color:#F5D6C1!important;font-size:11px!important}
body.pa-editorial-system main .hp-cap .hp-v{color:#FFFDF8!important}

/* 90 — Inline orange links pair color with a visible underline for recognition. */
body.pa-editorial-system main :where(a.link-arrow,a.more,a.inline-link,.text-link){color:var(--pav-orange-text)!important;text-decoration-color:currentColor!important}
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(a.link-arrow,a.more,a.inline-link,.text-link){color:var(--pav-orange-dark)!important}

/* 91 — Review avatars and badges use solid ink rather than borderline muted text. */
body.pa-editorial-system main :where(.rev-avatar,.review-avatar,.badge,.chip):not(.btn){color:#4F473E}

/* 92 — Dark-panel body links remain bright enough while preserving the orange cue. */
body.pa-editorial-system main :where(.dark,.band,.midcta,.hac-dark,.mfr-dark,.dark-section,.cta-dark) :where(p,li,dd) a:not(.btn){color:#F08647!important;text-decoration-color:#F08647!important}

/* September 8: surface-aware contrast. Ink on light paper, approved orange on dark shelves. */
html body.pa-editorial-system main :is(.vid-hero,.hotlines,.vcta,.vsec,.pgal,.pin-sec,.ev-hero,.evidence-band) :is(h1 em,h2 em,h3 em,.eyebrow,.sec-label,.kicker,.pin-proof__n){color:#F08647!important;-webkit-text-fill-color:currentColor!important}
html body.pa-editorial-system:is([data-pa-route="/reviews"],[data-pa-route="/audiologist-long-island"],[data-pa-route="/tinnitus"],[data-pa-route="/fittings"]) main .cta :is(h2 em,.eyebrow){color:#F08647!important}
html body.pa-editorial-system main .evidence-band :is(p,li){color:#E4DED5!important}
html body.pa-editorial-system main .help-strip a{color:#181511!important;text-decoration-color:#F08647!important}
html body.journal-editorial-page{--ed-orange:#F08647;--ed-orange-deep:#181511}
html body.journal-editorial-page .art-body :is(a.art-ilink,p a:not(.btn),li a){color:#181511!important;border-bottom-color:#F08647!important;text-decoration-color:#F08647!important}
html body.journal-editorial-page .art-body .editorial-section.is-sources :is(a.art-ilink,p a:not(.btn),li a){color:#F08647!important}

/* Patient controls keep complete labels; these rules do not change their handlers. */
@media(min-width:761px){
  html body .pinn-dock #pdA11y{width:auto!important;min-width:104px!important;flex:0 0 auto!important;padding-inline:14px!important;gap:8px!important}
  html body .pinn-dock #pdA11y .pd-label{white-space:nowrap!important}
}

/* Editorial intros; keep all approved photography and copy. */
html body[data-pa-route="/"] main>.hero .hero-grid{gap:clamp(32px,5vw,76px)!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
html body[data-pa-route="/"] main>.hero .display{font-size:clamp(54px,6.3vw,92px)!important;line-height:.94!important}
html body[data-pa-route="/"] main>.hero .display em{font-size:.82em}
html body[data-pa-route="/"] main>.hero .lede{font-family:'Source Sans 3',sans-serif!important;letter-spacing:0!important;text-transform:none!important;line-height:1.6!important;max-width:54ch}
html body[data-pa-route="/team"] .team-jump{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
html body[data-pa-route="/team"] .team-jump a{padding:10px 16px;border:1px solid #DED4C4;border-radius:999px;background:#fff;color:#181511;font-weight:600;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px;min-height:44px}
html body[data-pa-route="/team"] .hero-note{padding:32px!important;border-radius:20px 4px 20px 4px!important;border-top:4px solid #F08647!important;box-shadow:0 24px 48px -32px rgba(24,21,17,.55)!important}
html body[data-pa-route="/team"] .hero-note .lede{font-size:18px!important;line-height:1.55!important}
html body[data-pa-route="/team"] .hero-note-signals{display:flex;font-size:12px!important;line-height:1.5!important;color:#E4DED5!important}
@media(min-width:901px){
  html body[data-pa-route="/tinnitus"] .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;gap:24px 48px!important;align-items:start!important}
  html body[data-pa-route="/tinnitus"] .hero-grid>div:nth-child(2){grid-column:1;grid-row:2}
  html body[data-pa-route="/tinnitus"] .hero-grid>.hero-side{grid-column:2;grid-row:1/3;width:100%;max-width:420px;justify-self:end}
}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-editorial-photo-card .pa-epc-wrap{max-width:none!important;width:100%!important}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-card{width:100%!important;max-width:none!important}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-media{height:240px!important;aspect-ratio:auto!important}
html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-media :is(picture,img){width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 40%!important}
.consultation-path{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:32px;max-width:1120px;margin:48px auto;padding:32px;border:1px solid #DED4C4;border-top:3px solid #F08647;border-radius:12px;background:#FAF8F3;color:#181511}
.consultation-path .cp-kicker{font:600 12px/1.5 'Source Sans 3',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.consultation-path h2{font:700 36px/1.1 'Barlow Condensed',sans-serif;margin:12px 0!important;padding:0!important}
.consultation-path h2::before,.consultation-path h2::after{display:none!important}
.consultation-path p{font:400 18px/1.6 'Source Sans 3',sans-serif;color:#514A41!important}
.consultation-path nav{display:grid;gap:8px;align-content:center}
.consultation-path a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px;border-bottom:1px solid #DED4C4}
/* Verified September 8 follow-up: respect the actual surface, not a component's name. */
html body[data-pa-route="/hearing-aid-videos"] #vsections .vsec :is(.vh,.vs){color:#181511!important}
html body[data-pa-route="/hearing-aid-videos"] #vsections .vsec .vh em{color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:6px}
html body.pa-editorial-system main .ev-hero .lede a{color:#F08647!important;text-decoration:underline}
html body.pa-editorial-system main .evidence-band .intro{color:#E4DED5!important}
html body.pa-editorial-system main :is(.btn.accent,.btn.primary,.hac-btn.primary,.pin-btn,.hac-brand-action) .arr{color:inherit!important}
html body.pa-editorial-system main .hac-brand-action{color:#181511!important}
html body.pa-editorial-system main .step-n{color:#181511!important}
html body.pa-editorial-system main :is(.scope-note .si,.res-btn.primary span){color:#181511!important}
html body.pa-editorial-system main :is(.apd-note .k,.apd-m-tag,.answer-card .ak,.pa-path-label,.pa-path-arrow,.jrnl-card .jrnl-k,.scard .idx){color:#514A41!important}
html body.pa-editorial-system main :is(.rfy-text,.answer-byline,.clin-desc) a{color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px}
html body[data-pa-route="/hearing-aids"] main .intro a,
html body:is([data-pa-route="/hearing-aid-prices-nyc"],[data-pa-route="/hearing-aid-help-for-parents-nyc"]) main .intro a,
html body[data-pa-route="/best-hearing-aid-brands"] main .a a,
html body[data-pa-route="/audiologist-garden-city"] main p a:not(.btn){color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:4px}
html body[data-pa-route="/"] main .hero-ledger .hl-v em,
html body[data-pa-route="/"] main .i{color:#514A41!important}
html body[data-pa-route="/"] main :is(.hl-k,.ledger-cell .l,.review-proof-platform small,.rev-meta .when,.rev-feature .attr,.platform .ps,.platform .pl,.loc-hours .t.closed){color:#514A41!important}
html body[data-pa-route="/"] main .ledger-cell .n em{color:#181511!important}
html body[data-pa-route="/"] main .btn-tile.tile-accent{color:#181511!important;background:#F08647!important}
html body[data-pa-route="/"] main .pb-card .pb-eyebrow{color:#514A41!important}
html body[data-pa-route="/"] main .dark-band .ins-ledger a.more{color:#F08647!important;text-decoration:underline;text-underline-offset:5px}
html body[data-pa-route="/hearing-accessibility"] .biz-contact .btn.ghost{color:#FFFDF8!important;border-color:#DED4C4!important}
html body.journal-editorial-page .art-body .editorial-section.is-sources .art-rel-chip{color:#FFFDF8!important}
html body[data-pa-route="/westone-color-guide"] .chips .chip{color:#181511!important;background:#fff!important}
html body[data-pa-route="/westone-color-guide"] .chips .chip[aria-pressed="true"]{background:#F08647!important}
html body[data-pa-route="/reviews"] .tap-agg-stars{color:#F08647!important}
html body[data-pa-route="/reviews"] .n>span{color:#514A41!important}

/* Homepage: restore the layered portrait and distinct editorial chapters. */
html body[data-pa-route="/"] main>.hero{padding-block:clamp(56px,6vw,88px)!important;border-bottom:4px solid #F08647!important}
html body[data-pa-route="/"] main>.hero .hero-grid{align-items:start!important}
html body[data-pa-route="/"] main>.hero .lede{font-size:19px!important}
html body[data-pa-route="/"] main>.hero .hero-eyebrow{margin-bottom:22px!important}
html body[data-pa-route="/"] main>.hero .hero-hours-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;color:#181511!important;font:600 16px/1.4 'Source Sans 3',sans-serif;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:5px}
html body[data-pa-route="/"] #locations{scroll-margin-top:130px}
html body[data-pa-route="/"] main>.hero .portrait{max-width:440px!important;width:100%!important;margin-inline:auto!important;padding:16px 14px 0 0!important;position:relative;isolation:isolate}
html body[data-pa-route="/"] main>.hero .portrait::before{content:"";display:block!important;position:absolute;inset:0 0 26% 28px;z-index:-1;border:2px solid #F08647;border-radius:22px 4px 22px 4px;transform:none}
html body[data-pa-route="/"] main>.hero .portrait::after,
html body[data-pa-route="/"] main>.hero .portrait .offset-rule{display:none!important}
html body[data-pa-route="/"] main>.hero .portrait .sound-badge{display:flex!important;top:-8px!important;right:28px!important;box-shadow:0 12px 30px -18px #181511!important}
html body[data-pa-route="/"] main>.hero .portrait-frame{width:100%!important;max-width:none!important;padding:9px!important;aspect-ratio:4/4.5!important;border:1px solid #DED4C4!important;border-radius:22px 4px 22px 4px!important;background:#fff!important;transform:none!important;box-shadow:0 24px 50px -30px rgba(24,21,17,.45)!important}
html body[data-pa-route="/"] main>.hero .portrait-frame img{filter:none!important;transform:none!important;object-position:center!important}
html body[data-pa-route="/"] main>.hero .plate{position:relative!important;inset:auto!important;width:calc(100% - 18px)!important;margin:-40px 0 0 -10px!important;padding:26px!important;transform:none!important;border:1px solid #4E473F!important;border-top:4px solid #F08647!important;border-radius:4px 4px 20px 4px!important;background:#181511!important;box-shadow:0 24px 44px -28px rgba(24,21,17,.6)!important;z-index:3}
html body[data-pa-route="/"] main>.hero .plate :is(.name,.role,.cred){color:#FFFDF9!important;opacity:1!important;text-shadow:none!important}
html body[data-pa-route="/"] main>.hero .plate .name{font-size:32px!important}
html body[data-pa-route="/"] main>.hero .plate .role{font-size:14px!important;line-height:1.55!important}
html body[data-pa-route="/"] main>.hero .plate .cred{font-size:12px!important;line-height:1.5!important;color:#F08647!important}
html body[data-pa-route="/"] main>.hero .audiogram{margin-block:26px!important}
html body[data-pa-route="/"] main>.sec{padding-block:clamp(76px,8vw,112px)!important;min-height:0!important}
html body[data-pa-route="/"] main .practice-editorial-card{padding:30px;background:#181511;border-top:4px solid #F08647;border-radius:4px 18px 18px 4px;box-shadow:0 20px 40px -28px rgba(24,21,17,.5);margin:28px 0}
html body[data-pa-route="/"] main .practice-editorial-card h3{font:700 32px/1.1 'Barlow Condensed',sans-serif!important;color:#FFFDF9!important;text-transform:uppercase;margin:0 0 16px;letter-spacing:-.01em}
html body[data-pa-route="/"] main .practice-editorial-card p{font:400 18px/1.6 'Source Sans 3',sans-serif!important;color:#FFFDF9!important;letter-spacing:0!important;margin:0 0 20px}
html body[data-pa-route="/"] main .practice-editorial-card a{font:600 16px/1.5 'Source Sans 3',sans-serif;color:#F08647!important;text-decoration:underline;text-underline-offset:4px}
html body[data-pa-route="/"] main .sec-head{border-top:2px solid #181511!important;padding-top:18px!important;margin-bottom:44px!important}
html body[data-pa-route="/"] main .sec-no{gap:14px!important;font-size:13px!important;line-height:1.5!important}
html body[data-pa-route="/"] main .sec-no b{display:inline-grid;place-items:center;min-width:48px;min-height:36px;padding:5px 9px;border-radius:3px;background:#F08647;color:#181511!important;letter-spacing:.06em}
html body[data-pa-route="/"] main .sec-cap{font-size:12px!important;line-height:1.5!important;color:#514A41!important}
html body[data-pa-route="/"] main .dark-band .sec-head{border-color:#F08647!important}
html body[data-pa-route="/"] main .dark-band .sec-cap{color:#E4DED5!important}
html body[data-pa-route="/"] main>#about{background:#FFFDF9!important}
html body[data-pa-route="/"] main>#services{background:#F8F3EA!important;border-block:1px solid #DED4C4}
html body[data-pa-route="/"] main .photo-break{background:#181511!important;border-block:5px solid #F08647!important}
html body[data-pa-route="/"] main .photo-break-grid{gap:0!important;align-items:center!important}
html body[data-pa-route="/"] main .photo-break-frame{border-radius:16px 0 0 16px!important;min-height:480px!important;overflow:hidden;border:1px solid #4E473F}
html body[data-pa-route="/"] main .photo-break-img{mask-image:none!important;-webkit-mask-image:none!important;border-radius:0!important;filter:none!important}
html body[data-pa-route="/"] main .pb-card{position:relative;margin-left:-36px;padding:40px!important;background:#FFFDF9!important;border:1px solid #DED4C4!important;border-top:4px solid #F08647!important;border-radius:4px 18px 18px 4px!important;box-shadow:0 24px 50px -28px #000!important}
html body[data-pa-route="/"] main .std-plate{border-top:4px solid #F08647!important;border-radius:18px 4px 18px 4px!important;padding:34px!important}
html body[data-pa-route="/"] main .std-plate .h{color:#F08647!important;font-size:12px!important}
html body[data-pa-route="/"] main .std-plate .sub{color:#E4DED5!important;font-size:16px!important}
html body[data-pa-route="/"] main .rev-feature{padding:clamp(28px,4vw,56px)!important;background:#F8F3EA!important;border:1px solid #DED4C4;border-left:6px solid #F08647;border-radius:4px 20px 20px 4px}
html body[data-pa-route="/"] main .rev-card{border-top:3px solid #F08647!important;box-shadow:0 16px 32px -26px rgba(24,21,17,.3)}

/* The homepage's hours are first-class content, not small print below photographs. */
html body[data-pa-route="/"] #locations .loc-grid{gap:28px!important;align-items:stretch!important}
html body[data-pa-route="/"] #locations .loc-card{background:#fff!important;border:1px solid #DED4C4!important;border-bottom:5px solid #F08647!important;border-radius:20px 4px 20px 4px!important;overflow:hidden;box-shadow:0 24px 48px -30px rgba(24,21,17,.3)!important}
html body[data-pa-route="/"] #locations .loc-img{height:240px!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important}
html body[data-pa-route="/"] #locations .loc-body{padding:28px!important;display:flex!important;flex:1!important;flex-direction:column!important}
html body[data-pa-route="/"] #locations .loc-body h3{margin-top:0!important;font-size:36px!important}
html body[data-pa-route="/"] #locations .loc-body h3 a{color:#181511!important;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:6px}
html body[data-pa-route="/"] #locations .loc-hours{margin-top:24px!important}
html body[data-pa-route="/"] #locations .loc-hours li{font-size:16px!important;gap:16px!important;padding:10px 0!important}
html body[data-pa-route="/"] #locations .loc-hours li.garden-thursday{margin-inline:-12px!important;padding:12px!important;background:#FFF3E9!important;border-left:3px solid #F08647!important;color:#181511!important}
html body[data-pa-route="/"] #locations .loc-hours li .t{white-space:nowrap!important}
html body[data-pa-route="/"] #locations .loc-actions{margin-top:auto!important;padding-top:24px!important;flex-wrap:wrap!important}
@media(min-width:761px){html body[data-pa-route="/"] #locations .loc-body .addr{min-height:120px!important}}
@media(max-width:760px){
  html body[data-pa-route="/"] main>.sec{padding-block:56px!important}
  html body[data-pa-route="/"] main .sec-head{margin-bottom:30px!important}
  html body[data-pa-route="/"] main .sec-no{font-size:12px!important}
  html body[data-pa-route="/"] main .sec-cap{max-width:22ch}
  html body[data-pa-route="/"] main .photo-break-frame{min-height:300px!important;border-radius:16px 16px 0 0!important}
  html body[data-pa-route="/"] main .pb-card{margin:0!important;padding:28px!important;border-radius:0 0 16px 16px!important}
  html body[data-pa-route="/"] main>.hero .lede{font-size:18px!important}
  html body[data-pa-route="/"] #locations .loc-body{padding:20px!important}
  html body[data-pa-route="/"] #locations .loc-img{height:200px!important}
  html body[data-pa-route="/"] #locations .loc-hours li{font-size:14px!important;gap:8px!important}
}
@media(max-width:900px){
  html body[data-pa-route="/"] main>.hero .hero-grid{grid-template-columns:1fr!important}
  html body[data-pa-route="/team"] .hero-grid{gap:22px!important}
}

/* September 8 editorial restoration — one folio language across page families.
   Orange is a graphic accent on paper and readable type on ink. Existing
   content, photographs, forms, navigation and clinical information are retained. */
html body.pa-editorial-system{--pav-card-shadow:0 20px 42px -30px rgba(24,21,17,.4)}
html body.pa-editorial-system main :is(.section-head,.mfr-head,.hac-section-head){border-top:2px solid #DED4C4;padding-top:22px}
html body.pa-editorial-system main :is(.eyebrow,.hero-eyebrow,.kicker,.hac-kicker,.mfr-kicker)::before{background:#F08647!important;min-width:30px;height:3px!important}
html body.pa-editorial-system main :is(.cov,.step,.pcard,.bcard,.help-path,.pa-path-card,.service-card,.feature-card,.tap-card,.vg-panel,.vg-section){border-color:#DED4C4!important;border-top:3px solid #F08647!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)!important}
html body.pa-editorial-system main :is(.help-path,.pa-path-card){background:#FFFDF9!important}
html body.pa-editorial-system main :is(.step .sn,.step .step-n,.pcard-ix){display:inline-grid;place-items:center;min-width:42px;min-height:36px;padding:6px 10px;margin-bottom:18px;background:#F08647;border-radius:3px;color:#181511!important;font-size:14px!important;line-height:1.2!important}
html body.pa-editorial-system main :is(.pa-path-label,.help-path .hp-k){display:inline-block;border-bottom:2px solid #F08647;padding-bottom:6px;font-size:12px!important;line-height:1.5!important}
html body.pa-editorial-system main :is(.cov,.step,.help-path) h3{font-size:clamp(28px,2.4vw,36px);line-height:1.05!important;letter-spacing:-.01em}
html body.pa-editorial-system main :is(.help-path p,.cov p,.step p){font-size:16px!important;line-height:1.65!important}
html body.pa-editorial-system main :is(.midcta,.hac-dark,.mfr-dark,.cta-dark,.dark-band){border-block:3px solid #F08647!important}
html body.pa-editorial-system main :is(.consultation-path,.service-discovery){border-top:4px solid #F08647!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)!important}
html body.pa-editorial-system main :is(.cov,.step,.help-path,.pa-path-card,.pcard,.bcard):focus-within{outline:2px solid #F08647;outline-offset:4px}
html body[data-pa-route="/"] main .hero-ledger{padding:20px!important;background:#FFFDF9!important;border:1px solid #DED4C4!important;border-left:4px solid #F08647!important;border-radius:4px 14px 14px 4px!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/"] main .help-paths{gap:16px!important}
html body[data-pa-route="/"] main .ix{display:grid;gap:10px;border:0!important}
html body[data-pa-route="/"] main .ix-row{padding-inline:24px!important;border:1px solid #DED4C4!important;border-radius:12px 3px 12px 3px!important;background:#FFFDF9!important;box-shadow:none!important}
html body[data-pa-route="/"] main .ix-a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#F08647;color:#181511!important}
html body[data-pa-route="/"] main .team-ledger{padding:8px 20px!important;background:#fff!important;border:1px solid #DED4C4!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/"] main .typewall{gap:12px!important}
html body[data-pa-route="/"] main .typewall a{border:1px solid #DED4C4!important;border-bottom:3px solid #F08647!important;border-radius:12px 3px 12px 3px!important;background:#FFFDF9!important;padding:16px!important}
html body[data-pa-route="/"] main .conc-band{border-top:4px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
html body[data-pa-route="/"] #faq{background:#F8F3EA!important;border-top:1px solid #DED4C4}
html body[data-pa-route="/"] #faq .acc{background:#FFFDF9!important;border:1px solid #DED4C4!important;border-top:4px solid #F08647!important;padding:0 24px!important;border-radius:18px 4px 18px 4px!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/team"] main .bio-section{border-top:1px solid #DED4C4}
html body[data-pa-route="/team"] .hero-grid{align-items:start!important}
html body[data-pa-route="/team"] main .facts{border-top:3px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
html body[data-pa-route="/hearing-aid-videos"] .brand-pick{padding:24px!important;border:1px solid #DED4C4;border-top:4px solid #F08647;border-radius:18px 4px 18px 4px;background:#FFFDF9;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/hearing-aid-videos"] .brand-pick :is(.bp-head,.bp-label){color:#181511!important}
html body[data-pa-route="/hearing-aid-videos"] .bp-btn{border-bottom:3px solid #F08647!important}
/* The mobile white navigation rail must not inherit white active-link text. */
html body.pa-editorial-system .subnav-inner a.active{background:#F08647!important;color:#181511!important;border-color:#F08647!important}
html body.journal-editorial-page .art-body .editorial-section:not(.is-sources){border-top:3px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
html body.journal-editorial-page :is(.art-toc,.toc-card,.art-related,.jrnl-card){border-top:3px solid #F08647!important;box-shadow:var(--pav-card-shadow)!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  html body.pa-editorial-system main :is(a.help-path,a.pa-path-card,a.cov,.ix-row):hover{border-color:#F08647!important;box-shadow:0 24px 46px -28px rgba(24,21,17,.42)!important;transform:translateY(-3px)!important}
}
@media(max-width:1040px){
  html body[data-pa-route="/"] main .photo-break-frame{border-radius:16px 16px 0 0!important}
  html body[data-pa-route="/"] main .pb-card{margin:0!important;border-radius:0 0 16px 16px!important}
}
@media(max-width:760px){
  html body[data-pa-route="/"] main .ix-row{padding-inline:16px!important}
  html body[data-pa-route="/"] #faq .acc{padding-inline:16px!important}
  html body[data-pa-route="/hearing-aid-videos"] .brand-pick{padding:16px!important}
  html body.pa-editorial-system main :is(.section-head,.mfr-head,.hac-section-head){padding-top:18px}
}
@media(max-width:760px){
  html body[data-pa-route="/"] main>.hero{padding-top:28px!important}
  html body[data-pa-route="/"] main>.hero .display{font-size:46px!important;line-height:1!important;margin-bottom:18px!important}
  html body[data-pa-route="/"] main>.hero .hero-mobile-team{margin-top:24px!important}
  html body[data-pa-route="/"] main>.hero .hero-proof{margin-block:12px!important}
  html body[data-pa-route="/team"] .hero-note-head{margin-bottom:12px!important}
  html body[data-pa-route="/team"] .hero-note .lede{font-size:16px!important;line-height:1.5!important}
  html body[data-pa-route="/team"] .hero-note{padding:18px!important}
  html body[data-pa-route="/hearing-aid-videos"] .vid-hero{padding-top:28px!important;padding-bottom:26px!important}
  html body[data-pa-route="/hearing-aid-videos"] .brand-pick{margin-top:20px!important}
  html body[data-pa-route="/hearing-aid-videos"] .bp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  html body[data-pa-route="/hearing-aid-videos"] .bp-btn{min-height:48px!important;padding:8px 4px!important;font-size:20px!important;border-radius:8px!important;gap:0!important}
  html body[data-pa-route="/hearing-aid-videos"] .bp-btn .bno{display:none}
  .consultation-path{grid-template-columns:1fr;margin:32px 18px;padding:24px;gap:18px}
  html body[data-pa-route="/journal/hearing-aid-cost-nyc"] .pa-epc-media{height:180px!important}
}

/* PR188 review corrections: explicit surface colors and intrinsic sizing. */
html body[data-pa-route="/"] main>.hero .portrait{max-width:380px!important;width:90%!important}
html body[data-pa-route="/"] main>.hero .display em{font-size:.72em;line-height:1.05}
html body[data-pa-route="/"] main .hero-ledger{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:0!important;align-items:stretch;text-align:center}
html body[data-pa-route="/"] main .hero-ledger .hl-item{min-width:0;width:100%;align-items:center;padding:20px 10px;gap:12px;border-right:1px solid #DED4C4}
html body[data-pa-route="/"] main .hero-ledger .hl-item:last-child{border-right:0}
html body[data-pa-route="/"] main .hero-ledger .hl-k{font:600 12px/1.4 'Source Sans 3',sans-serif!important;letter-spacing:.07em!important;max-width:100%}
html body[data-pa-route="/"] main .hero-ledger .hl-v{display:block;min-width:0;max-width:100%;font-size:19px!important;line-height:1.2!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:break-word}
html body[data-pa-route="/"] main .hero-ledger .stars{display:block;font-size:16px!important;letter-spacing:1px!important;margin:0 0 6px!important;top:0!important;white-space:nowrap;color:#F08647!important}
html body[data-pa-route="/"] main .ledger-cell .n .rating-star{color:#F08647!important}
html body[data-pa-route="/"] main .ledger-cell .address-number{font-size:clamp(28px,3.4vw,48px)!important;line-height:1.05!important}
html body[data-pa-route="/"] main .ledger-cell .suite{display:block;margin-top:8px;font-size:.62em;line-height:1.1}
html body[data-pa-route="/"] main .team-showcase{margin-top:56px;padding-top:28px;border-top:1px solid #DED4C4}
html body[data-pa-route="/"] main .team-showcase-heading{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;margin-bottom:24px}
html body[data-pa-route="/"] main .team-showcase-heading>span{grid-column:1/-1;font:600 12px/1.5 'Source Sans 3',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#514A41}
html body[data-pa-route="/"] main .team-showcase-heading h3{font:700 clamp(30px,3vw,40px)/1.1 'Barlow Condensed',sans-serif!important;margin:0;text-transform:uppercase}
html body[data-pa-route="/"] main .team-showcase-heading a{font:600 16px/1.5 'Source Sans 3',sans-serif;text-decoration:underline;text-decoration-color:#F08647;text-underline-offset:5px}
html body[data-pa-route="/"] main .team-ledger{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
html body[data-pa-route="/"] main .team-ledger>a{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:20px;padding:30px 18px!important;min-width:0;border:1px solid #DED4C4!important;border-bottom:4px solid #F08647!important;border-radius:18px 4px 18px 4px;background:#fff!important;box-shadow:var(--pav-card-shadow)}
html body[data-pa-route="/"] main .team-ledger .tp{width:140px!important;height:140px!important;max-width:100%;flex-shrink:0;padding:0;border:1px solid #DED4C4;box-shadow:0 0 0 8px #F8F3EA;object-fit:cover!important;object-position:center!important;filter:none!important}
html body[data-pa-route="/"] main .team-ledger .tx{gap:12px;width:100%;align-items:center}
html body[data-pa-route="/"] main .team-ledger .tn{font-size:clamp(24px,2.5vw,32px)!important;line-height:1.05!important;max-width:100%;letter-spacing:-.01em!important}
html body[data-pa-route="/"] main .team-ledger .tt{font:400 15px/1.5 'Source Sans 3',sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#514A41!important;max-width:26ch}
html body[data-pa-route="/"] main .team-ledger .ta{display:grid;place-items:center;opacity:1!important;transform:none!important;width:36px;height:36px;border-radius:50%;background:#F08647;color:#181511!important;margin-top:auto}
html body[data-pa-route="/"] main #care-guide{background:#181511!important;border-color:#4E473F!important;border-top-color:#F08647!important;padding:32px!important}
html body[data-pa-route="/"] main #care-guide :is(strong,p){color:#FFFDF9!important}
html body[data-pa-route="/"] main #care-guide strong{font-size:32px!important;line-height:1.05!important}
html body[data-pa-route="/"] main #care-guide :is(.sd-k,a){color:#F08647!important}
html body[data-pa-route="/"] main #care-guide p{font-size:17px!important;line-height:1.6!important;margin-top:12px}
html body[data-pa-route="/"] main #care-guide a{white-space:normal;max-width:24ch;font-size:16px!important}
html body[data-pa-route="/"] main .photo-break-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:36px!important;align-items:center!important}
html body[data-pa-route="/"] main .photo-break-frame{min-height:0!important;max-width:460px;width:100%;margin-inline:auto;border-radius:16px 4px 16px 4px!important}
html body[data-pa-route="/"] main .photo-break-img{position:static!important;height:auto!important;width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;max-height:520px}
html body[data-pa-route="/"] main .photo-break .pb-card{margin:0!important;padding:32px!important;border-radius:4px 18px 18px 4px!important}
html body[data-pa-route="/"] main .platforms{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;border:0!important}
html body[data-pa-route="/"] main .platform{min-width:0;padding:24px 14px!important;border:1px solid #DED4C4!important;border-top:3px solid #F08647!important;border-radius:12px 3px 12px 3px!important;text-align:center;background:#fff;overflow-wrap:break-word}
html body[data-pa-route="/"] main .platform .pn{font-size:clamp(24px,3vw,36px)!important;line-height:1.1!important;letter-spacing:-.02em!important;max-width:100%;white-space:normal!important}
html body[data-pa-route="/"] main .platform :is(.ps,.pl){font:400 14px/1.5 'Source Sans 3',sans-serif!important;letter-spacing:0!important;max-width:100%}
html body[data-pa-route="/"] main .platform .pcta{justify-content:center}
html body[data-pa-route="/"] main .typewall{display:flex!important;flex-wrap:wrap;justify-content:center}
html body[data-pa-route="/"] main .typewall a{flex:0 0 calc((100% - 24px)/3);min-width:0;color:#181511!important;-webkit-text-fill-color:currentColor!important;justify-content:center!important;text-align:center;white-space:normal!important;font-size:28px!important;min-height:100px!important}
html body[data-pa-route="/"] main .typewall a.wall-more{background:#F08647!important}
html body.pa-editorial-system[data-pa-route="/"] main .cta h2 em{color:#F08647!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}
html body.pa-editorial-system[data-pa-route="/"] main .cta p{color:#E4DED5!important}
html body.pa-editorial-system .g-fadr,
html body.pa-editorial-system .g-fadr :is(a,span,small,strong){color:#E4DED5!important;opacity:1!important}
@media(max-width:760px){
  html body[data-pa-route="/"] main .team-ledger{grid-template-columns:1fr;gap:18px}
  html body[data-pa-route="/"] main .team-ledger>a{display:grid!important;grid-template-columns:96px minmax(0,1fr);gap:18px;text-align:left;padding:24px 20px!important}
  html body[data-pa-route="/"] main .team-ledger .tp{width:96px!important;height:96px!important}
  html body[data-pa-route="/"] main .team-ledger .tx{align-items:flex-start}
  html body[data-pa-route="/"] main .team-ledger .tn{font-size:26px!important}
  html body[data-pa-route="/"] main .team-ledger .ta{display:none}
  html body[data-pa-route="/"] main .team-showcase-heading{grid-template-columns:1fr}
  html body[data-pa-route="/"] main .photo-break-grid{grid-template-columns:1fr!important;gap:24px!important}
  html body[data-pa-route="/"] main .photo-break-frame{max-width:360px}
  html body[data-pa-route="/"] main .platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body[data-pa-route="/"] main .typewall{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body[data-pa-route="/"] main .typewall a{flex-basis:calc((100% - 12px)/2);font-size:24px!important;min-height:80px!important}
  html body[data-pa-route="/"] main .practice-editorial-card{padding:24px}
  html body[data-pa-route="/"] main #care-guide{padding:24px!important}
}
/* September patient-help release: scoped components, preserving editorial art. */
body .patient-section-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;padding:20px;border:1px solid #DED4C4;border-top:3px solid #F08647;border-radius:16px;background:#fff;color:#181511}
body .patient-section-nav>span{flex:1 0 100%;font:700 14px/1.4 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase}
body .patient-section-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #DED4C4;border-radius:8px;font:600 16px/1.35 'Source Sans 3',sans-serif;color:#181511;text-align:center;text-decoration:none}
body .patient-section-nav a:hover{background:#FFF3E9;border-color:#F08647}
body .patient-section-nav a:focus-visible,body .patient-start-card a:focus-visible,body .patient-preparation-links a:focus-visible{outline:3px solid #F08647;outline-offset:4px}
body .patient-start-card{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0;padding:30px;border:1px solid #F08647;border-radius:20px;background:#181511;color:#fff}
body .patient-start-card .patient-start-label{color:#F08647;font:600 13px/1.4 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase}
body .patient-start-card h2{margin:12px 0;font:700 clamp(28px,3vw,40px)/1.08 'Barlow Condensed',sans-serif;color:#fff}
body .patient-start-card p{margin:0;font:400 18px/1.6 'Source Sans 3',sans-serif;color:#F3EEE4}
body .patient-start-card nav{display:grid;gap:10px}
body .patient-start-card a{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:12px 16px;border:1px solid #77695C;border-radius:10px;color:#fff;font:600 17px/1.35 'Source Sans 3',sans-serif;text-decoration:none}
body .patient-start-card a:hover{border-color:#F08647;background:#30251C}
body .patient-start-card a span{color:#F08647}
body .patient-preparation-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px auto 48px}
body .patient-preparation-links a{display:flex;align-items:center;min-height:48px;padding:14px 20px;border:1px solid #DED4C4;border-left:3px solid #F08647;border-radius:10px;background:#fff;color:#181511;font:600 17px/1.4 'Source Sans 3',sans-serif;text-decoration:none}
body .patient-preparation-links a:hover{text-decoration:underline;text-underline-offset:4px}
html body.pa-editorial-system[data-pa-route="/hearing-aid-prices-nyc"] main .cta-banner h2 em{color:#F08647!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}
body .cta-banner .cta-inner{box-sizing:border-box;padding-left:24px!important;padding-right:24px!important}
body .guide-device-card>div:last-child{min-width:0}
body .quiz-q:focus,body .qr-title:focus{outline:2px solid #F08647;outline-offset:6px}
body .quiz-opt[aria-pressed="true"]{border-color:#F08647}
@media(max-width:760px){
  body .patient-start-card{grid-template-columns:1fr;padding:24px;gap:22px}
  body .patient-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:8px}
  body .patient-section-nav>span{grid-column:1/-1}
  body .patient-section-nav a{font-size:15px;padding:10px 8px}
  body .guide-device-card{flex-direction:column!important;padding:24px!important;gap:20px!important;text-align:left}
  body .guide-device-card>div:last-child{width:100%}
  body .guide-device-card>img{align-self:center}
  body .cta-banner .cta-inner{padding-left:18px!important;padding-right:18px!important}
  body .patient-preparation-links{flex-direction:column}
}

/* /assets/editorial-photo-cards-v1.css */
/* Pinnacle Audiology — restrained editorial photo cards. */
.pa-editorial-photo-card{position:relative;z-index:1;isolation:isolate;margin:clamp(30px,4.5vw,58px) 0;padding:0!important;background:transparent!important;color:#F8F3EA}
.pa-editorial-photo-card,.pa-editorial-photo-card *{box-sizing:border-box}
.pa-epc-wrap{display:flex;width:min(1120px,calc(100% - 48px));margin:0 auto;justify-content:flex-end}
.pa-editorial-photo-card[data-side="left"] .pa-epc-wrap{justify-content:flex-start}
.pa-epc-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);width:min(640px,40vw);min-height:280px;overflow:hidden;border:1px solid rgba(240,134,71,.26);border-radius:26px;background:radial-gradient(circle at 88% 12%,rgba(240,134,71,.12),transparent 31%),linear-gradient(132deg,#171411 0%,#211A15 100%);box-shadow:0 28px 68px -40px rgba(28,20,13,.62)}
.pa-epc-media{position:relative;margin:0;min-width:0;width:100%;height:100%;min-height:280px;overflow:hidden;background:#D8CEC0}
.pa-epc-media picture{display:block;width:100%;height:100%}
.pa-epc-media img{display:block;width:100%;height:100%;max-width:none!important;object-fit:cover;object-position:center;transform:none!important}
.pa-epc-media::after{content:"";position:absolute;inset:0;border-right:1px solid rgba(240,134,71,.22);box-shadow:inset -22px 0 34px -34px rgba(0,0,0,.72);pointer-events:none}
.pa-epc-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px 25px 26px}
.pa-epc-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#F08647;font:700 9px/1.2 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase}
.pa-epc-label::before{content:"";display:block;width:34px;height:1px;background:#F08647}
.pa-epc-copy h2{max-width:16ch;margin:0 0 11px!important;color:#FFF!important;font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;font-size:clamp(27px,2vw,34px)!important;font-weight:750!important;line-height:1!important;letter-spacing:-.015em!important;text-wrap:balance;text-transform:uppercase}
.pa-epc-copy p{max-width:44ch;margin:0!important;color:#CFC4B7!important;font-size:clamp(14px,.95vw,15.5px)!important;line-height:1.5!important}
.pa-editorial-photo-card.is-photo-only .pa-epc-card{display:block;min-height:0}
.pa-editorial-photo-card.is-photo-only .pa-epc-media{height:auto;min-height:0;aspect-ratio:3/2}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{flex:0 0 auto;width:min(420px,40%);border-color:rgba(240,134,71,.34);background:#F4EDE3;box-shadow:0 28px 62px -42px rgba(28,20,13,.68)}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-media{display:grid;grid-template-rows:auto auto;aspect-ratio:auto}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-media picture{aspect-ratio:4/3}
.pa-editorial-photo-card.is-contain .pa-epc-media{background:radial-gradient(circle at 78% 18%,transparent 0 20%,rgba(240,134,71,.22) 20.4% 20.8%,transparent 21.2% 32%,rgba(240,134,71,.14) 32.4% 32.8%,transparent 33.2%),linear-gradient(145deg,#FAF6EF 0%,#EEE2D3 100%)}
.pa-editorial-photo-card.is-contain .pa-epc-media img{position:relative;z-index:1;object-fit:contain;padding:clamp(32px,4vw,56px)}
.pa-epc-caption{position:absolute;left:18px;bottom:18px;z-index:2;max-width:calc(100% - 36px);padding:12px 15px 11px;border:1px solid rgba(240,134,71,.25);border-radius:14px;background:rgba(23,20,17,.88);box-shadow:0 15px 35px -24px rgba(0,0,0,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pa-epc-caption .pa-epc-label{margin:0;color:#F08647;font-size:9px;letter-spacing:.18em}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption{position:relative;left:auto;bottom:auto;min-width:0;max-width:none;padding:11px 14px;border:0;border-top:1px solid rgba(240,134,71,.3);border-radius:0;background:#1B1714;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label{gap:8px;font-size:8px;letter-spacing:.14em;overflow-wrap:anywhere}
.pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label::before{width:22px}
@media(max-width:1100px){
  .pa-editorial-photo-card{margin:32px 0 44px}
  .pa-epc-wrap{width:min(100% - 32px,1120px)}
  .pa-epc-card{width:min(640px,72vw);grid-template-columns:minmax(0,1fr);min-height:0;border-radius:22px}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{width:min(420px,40%)}
  .pa-epc-media{width:100%;height:auto;min-height:0;aspect-ratio:3/2}
  .pa-epc-media::after{border-right:0;border-bottom:1px solid rgba(240,134,71,.22);box-shadow:inset 0 -24px 40px -38px rgba(0,0,0,.7)}
  .pa-epc-copy{padding:26px 24px 30px}
  .pa-epc-label{margin-bottom:13px}
  .pa-epc-copy h2{max-width:16ch;font-size:clamp(32px,9.5vw,42px)!important;line-height:1!important}
  .pa-epc-copy p{font-size:16px!important;line-height:1.55!important}
}
@media(max-width:760px){
  .pa-epc-wrap{justify-content:center!important}
  .pa-epc-card{width:min(100%,420px)}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-card{width:min(330px,84%)}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-media{aspect-ratio:auto}
  .pa-editorial-photo-card.is-contain .pa-epc-media img{padding:clamp(26px,8vw,42px)}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label{font-size:10.5px;line-height:1.35;letter-spacing:.09em}
  .pa-editorial-photo-card.is-photo-only.is-contain .pa-epc-caption .pa-epc-label::before{display:none}
}
@media(max-width:390px){.pa-epc-wrap{width:calc(100% - 24px)}.pa-epc-copy{padding:23px 20px 27px}.pa-epc-copy h2{font-size:31px!important}}
@media(prefers-reduced-motion:reduce){.pa-epc-media img{transition:none!important}}

/* /assets/header-contract-v1.css */
/* Pinnacle shared header contract
   Both shell runtimes load this file so legacy, flagship, and video pages
   use the same navigation geometry and patient actions. */

.g-topbar { background: #0e0d0b !important; color: rgba(255, 252, 247, .78) !important; }
.g-topbar a { color: rgba(255, 252, 247, .78) !important; }
.g-topbar a:hover,
.g-topbar a:focus-visible { color: #F08647 !important; }
.g-topbar .g-w,
.g-ni { max-width: 1240px !important; }

.g-nav,
.g-nav.scrolled {
  background: #fff !important;
  border-bottom: 1px solid rgba(222, 213, 199, 0.72) !important;
  box-shadow: none !important;
}

/* The shared shell is injected into pages with several legacy reset styles.
   Own the box model here so mobile padding never widens the header past the
   viewport on pages that do not define a global border-box reset. */
.g-nav,
.g-nav * {
  box-sizing: border-box;
}

.g-ni {
  height: 88px !important;
  gap: 24px !important;
}

.g-logo img {
  width: auto !important;
  height: 76px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.g-sbtn,
.g-hbg {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 50% !important;
}

.g-book {
  min-height: 46px !important;
  padding: 0 22px !important;
  background: var(--gn-accent) !important;
  color: #181511 !important;
  border: 1px solid var(--gn-accent) !important;
  border-radius: 999px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

.g-book:hover {
  background: #F08647 !important;
  border-color: #F08647 !important;
  color: #181511 !important;
}

.g-call {
  min-height: 46px !important;
  padding: 0 17px !important;
  background: #0e0d0b !important;
  color: #fff !important;
  border: 1.5px solid #0e0d0b !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.g-call:hover {
  background: #2a2620 !important;
  border-color: #2a2620 !important;
  color: #fff !important;
}

.g-call-label,
.g-call svg {
  color: var(--gn-accent) !important;
  stroke: var(--gn-accent) !important;
}

.g-sbtn:focus-visible,
.g-hbg:focus-visible,
.g-book:focus-visible,
.g-call:focus-visible,
.g-ul > li > a:focus-visible,
.g-drop a:focus-visible {
  outline: 3px solid #F08647 !important;
  outline-offset: 3px !important;
}

.g-ul > li > a,
.g-drop a,
.g-dpan a,
.g-da {
  line-height: 1.35 !important;
}

@media (max-width: 1390px) {
  .g-ni { gap: 12px !important; }
  .g-book {
    min-height: 44px !important;
    padding-inline: 16px !important;
    font-size: 13px !important;
  }
  .g-sbtn,
  .g-hbg {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }
  .g-call {
    min-height: 44px !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 760px) {
  .g-topbar { display: none !important; }
  .g-nav,
  .g-nav.scrolled { top: 0 !important; }
  .g-ni {
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 14px !important;
    gap: 8px !important;
  }
  .g-logo {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .g-logo img {
    height: 62px !important;
    max-width: 104px !important;
  }
  .g-book {
    min-height: 44px !important;
    margin-left: auto !important;
    padding-inline: 15px !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
    max-width: min(156px, 36vw) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .g-call { display: none !important; }
  .g-mobile-callbar { display: flex !important; }
  .g-mobile-callbar {
    min-height: 46px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 440px) {
  .g-ni {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    padding-inline: 10px !important;
    gap: 7px !important;
  }
  .g-logo img {
    height: 56px !important;
    max-width: 92px !important;
  }
  .g-book { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .g-nav,
  .g-book,
  .g-call,
  .g-sbtn,
  .g-hbg { transition: none !important; }
}

/* /assets/shared-shell-standard-88d5d9ddd5a3.css */
:root{
  --gn-ink:#1B1916;--gn-ink2:#423C33;--gn-soft:#6E675C;
  --gn-line:#E7E1D4;--gn-line2:#D6CEBE;--gn-paper:#FAF8F3;
  --gn-accent:#F08647;--gn-accentd:#181511;--gn-white:#fff;
  --gn-h:104px;--gn-shadow:0 28px 64px -24px rgba(40,30,15,.34);
}
/* topbar */
.g-topbar{background:#0E0D0B;color:rgba(243,236,221,.6);font-size:13px}
.g-topbar .g-w{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 40px;max-width:1320px;margin:0 auto}
.g-topbar .g-soc{display:flex;gap:20px}
.g-topbar a{color:rgba(243,236,221,.6);text-decoration:none;transition:color .15s}
.g-topbar a:hover{color:var(--gn-accent)}
.g-topbar .g-ph{display:flex;align-items:center;gap:9px;font-weight:600;color:rgba(243,236,221,.88);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}
.g-dot{width:7px;height:7px;border-radius:50%;--g-status:#F08647;background:var(--g-status);flex-shrink:0;display:inline-block;transition:background-color .2s ease}
.g-dot.is-open{--g-status:#3BCB78}
.g-dot.is-closed{--g-status:#F08647}
/* sticky nav */
.g-nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .25s,background .25s;overflow:visible}
.g-nav.scrolled{border-bottom-color:var(--gn-line);background:rgba(255,255,255,.96)}
.g-ni{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:20px;padding:0 40px;height:var(--gn-h);max-width:1320px;margin:0 auto}
.g-logo img{height:94px;width:auto;max-width:none;display:block;flex-shrink:0}
.g-logo{text-decoration:none;flex-shrink:0}
@media (min-width:1041px){.g-logo{margin-right:14px}}
/* primary list */
.g-ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;justify-content:center}
.g-ul>li{position:relative}
.g-ul>li>a{display:inline-flex;align-items:center;gap:5px;padding:10px 10px;font-size:13.5px;font-weight:700;color:var(--gn-ink2);text-decoration:none;white-space:nowrap;border-radius:8px;transition:color .14s;position:relative;line-height:1.2}
.g-ul>li>a::after{content:"";position:absolute;bottom:3px;left:10px;right:10px;height:1.5px;background:var(--gn-accent);transform:scaleX(0);transition:transform .2s ease}
.g-ul>li.cur>a::after{transform:scaleX(1)}
.g-ul>li.cur>a{color:var(--gn-accent)}
.g-ul>li>a:hover{color:var(--gn-ink)}
.g-cv{display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-2px;opacity:.45;transition:transform .2s;flex-shrink:0}
.g-ul>li:focus-within .g-cv{transform:rotate(-135deg);opacity:.85}
/* dropdowns */
.g-drop{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:1px solid var(--gn-line);border-radius:16px;padding:14px;box-shadow:var(--gn-shadow);display:flex;opacity:0;visibility:hidden;pointer-events:none;z-index:200;transform:translateY(-6px) scale(.95);transform-origin:top left;transition:opacity .16s ease-out,transform .2s cubic-bezier(.16,1,.3,1),visibility 0s linear .2s}
.g-drop::before{content:"";position:absolute;top:-12px;left:0;right:0;height:14px}
.g-ul>li.is-open>.g-drop{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.g-drop.c{left:50%;transform:translateX(-50%) translateY(-6px) scale(.95);transform-origin:top center}
.g-ul>li.is-open>.g-drop.c{transform:translateX(-50%)}
/* ── Bulletproof desktop dropdown ──────────────────────────────────────
   1. overflow:visible !important on the nav chain — sticky+backdrop-filter
      can create a clipping context in some browsers; this forces it open.
   2. Both CSS :hover AND JS .is-open show the menu, so hover works even if
      there is a JS race condition or the class never gets added.               */
@media(min-width:1391px){
  .g-nav,.g-ni,.g-ul,.g-ul>li{overflow:visible !important;clip-path:none !important}
  .g-ul>li.is-open>.g-drop{display:flex !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;transition-delay:0s !important}
  .g-ul>li.is-open>.g-drop.c{transform:translateX(-50%) !important}
  .g-ul>li.is-open .g-cv{transform:rotate(-135deg) !important;opacity:.85 !important}
}
@media(min-width:1391px) and (hover:hover) and (pointer:fine){
  .g-ul>li:hover>a::after{transform:scaleX(1)}
  .g-ul>li:hover>.g-drop{display:flex !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;transition-delay:0s !important}
  .g-ul>li:hover>.g-drop.c{transform:translateX(-50%) !important}
  .g-ul>li:hover .g-cv{transform:rotate(-135deg) !important;opacity:.85 !important}
}
.g-drop.r{left:auto;right:0;transform-origin:top right}
.g-ul>li.is-open .g-cv{transform:rotate(-135deg);opacity:.85}
/* simple drop */
.g-ds{min-width:230px;flex-direction:column;gap:1px}
.g-ds a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--gn-ink2);text-decoration:none;transition:background .14s,color .14s}
.g-ds a:hover{background:var(--gn-paper);color:var(--gn-accentd)}
/* mega drop */
.g-dm{flex-wrap:wrap;align-items:flex-start;gap:14px 26px;padding:20px 22px;max-width:min(780px,94vw)}
.g-grp{display:flex;flex-direction:column;min-width:158px}
.g-grp-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-content:start;min-width:200px}
.g-grp-2 .g-gl{grid-column:1/-1}
.g-gl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gn-accent);font-weight:600;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--gn-line)}
.g-grp a,.g-grp-2 a{display:block;padding:5px 0;font-size:13.5px;font-weight:600;color:var(--gn-ink2);text-decoration:none;line-height:1.35;transition:color .14s}
.g-grp a:hover,.g-grp-2 a:hover{color:var(--gn-accentd)}
/* CTA cluster */
.g-cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.g-sbtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--gn-line2);display:grid;place-items:center;background:transparent;color:var(--gn-ink);cursor:pointer;transition:background .18s,color .18s,border-color .18s;flex-shrink:0;padding:0}
.g-sbtn:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-sbtn svg{width:17px;height:17px}
.g-book{display:inline-flex;align-items:center;gap:8px;padding:15px 24px;background:var(--gn-accent);color:#fff;border-radius:999px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 24px -8px rgba(240,134,71,.58);white-space:nowrap;flex-shrink:0}
.g-book:hover{background:#F08647;box-shadow:0 12px 28px -8px rgba(240,134,71,.65)}
.g-call{display:inline-flex;align-items:center;gap:8px;padding:13px 17px;background:#0E0D0B;color:#fff;border:1.5px solid #0E0D0B;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .18s,color .18s,border-color .18s,transform .18s}
.g-call:hover{background:#2A2620;border-color:#2A2620}
.g-call svg{width:17px;height:17px;fill:none;stroke:var(--gn-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.g-call-label{color:var(--gn-accent)}
.g-mobile-callbar{display:none}
.g-book .arr{transition:transform .2s}
@media(hover:hover) and (pointer:fine){.g-book:hover,.g-call:hover{transform:translateY(-1px)}.g-book:hover .arr{transform:translateX(3px)}}
.g-hbg{width:44px;height:44px;border:1px solid var(--gn-line2);border-radius:50%;display:none;align-items:center;justify-content:center;background:transparent;cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s;padding:0}
.g-hbg:hover{background:var(--gn-ink);border-color:var(--gn-ink)}
.g-hbg:hover .g-bar,.g-hbg:hover .g-bar::before,.g-hbg:hover .g-bar::after{background:#fff}
.g-bar{position:relative;display:block;width:18px;height:2px;background:var(--gn-ink);border-radius:2px;transition:background .2s}
.g-bar::before,.g-bar::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--gn-ink);border-radius:2px;transition:transform .25s ease,background .2s}
.g-bar::before{top:-6px}
.g-bar::after{top:6px}
.g-sbtn:active,.g-book:active,.g-call:active,.g-hbg:active,.g-scl:active,.g-drx:active,.g-drf .g-ghost:active,.g-fbt:active{transform:scale(.97)!important;transition-duration:.12s}
body.g-open .g-bar{background:transparent}
body.g-open .g-bar::before{transform:translateY(6px) rotate(45deg)}
body.g-open .g-bar::after{transform:translateY(-6px) rotate(-45deg)}
body.g-open{overflow:hidden}
/* search overlay */
.g-sov{position:fixed;inset:0;z-index:300;display:block;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:rgba(14,13,11,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility 0s linear .2s}
.g-sov.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.g-sp{max-width:680px;margin:9vh auto 0;background:#fff;border:1px solid var(--gn-line);border-radius:20px;box-shadow:0 40px 90px -30px rgba(20,15,8,.5);overflow:hidden;transform:translateY(-12px) scale(.98);transform-origin:top center;opacity:0;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .16s ease-out}
.g-sov.on .g-sp{transform:none;opacity:1}
.g-st{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--gn-line)}
.g-st svg{width:20px;height:20px;color:var(--gn-accent);flex-shrink:0}
.g-sinp{flex:1;border:0;outline:0;font-family:inherit;font-size:19px;color:var(--gn-ink);background:transparent}
.g-sinp::placeholder{color:var(--gn-soft)}
.g-scl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gn-soft);font-weight:700;border:1px solid var(--gn-line2);border-radius:8px;padding:6px 10px;cursor:pointer;background:transparent;transition:background .14s,color .14s}
.g-scl:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-sres{max-height:56vh;max-height:56dvh;overflow-y:auto;padding:8px}
.g-sres a{display:block;padding:11px 15px;border-radius:10px;text-decoration:none;transition:background .13s}
.g-sres a:hover,.g-sres a.sel{background:var(--gn-paper)}
.g-sres .rt{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:19px;letter-spacing:-.005em;color:var(--gn-ink);display:flex;align-items:center;gap:8px}
.g-sres .rt .arr{color:var(--gn-accent)}
.g-sres .rd{font-size:13.5px;color:var(--gn-soft);margin-top:2px}
.g-sempty{padding:30px 22px;text-align:center;color:var(--gn-soft);font-size:15px}
.g-shint{padding:10px 22px 14px;color:var(--gn-soft);font-size:11.5px;border-top:1px solid var(--gn-line);display:flex;gap:18px;justify-content:center}
.g-shint b{color:var(--gn-ink2);font-weight:700}
/* mobile drawer */
.g-dr{position:fixed;inset:0;z-index:200;box-sizing:border-box;width:100%;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);background:var(--gn-paper);transform:translateX(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}
.g-dr.on{transform:none}
.g-drh{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--gn-line);flex-shrink:0}
.g-drh img{height:44px;width:auto}
.g-drx{width:44px;height:44px;border:1px solid var(--gn-line2);border-radius:50%;background:#fff;font-size:22px;color:var(--gn-ink);cursor:pointer;display:grid;place-items:center;transition:background .14s,border-color .14s;padding:0}
.g-drx:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-drnav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 22px 0}
.g-da{display:block;padding:13px 0;border-bottom:1px solid var(--gn-line);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:24px;letter-spacing:-.01em;color:var(--gn-ink);text-decoration:none}
.g-dsec{border-bottom:1px solid var(--gn-line)}
.g-dacc{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;background:none;border:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:24px;letter-spacing:-.01em;color:var(--gn-ink);cursor:pointer;text-align:left}
.g-dch{width:10px;height:10px;border-right:2px solid var(--gn-accent);border-bottom:2px solid var(--gn-accent);transform:rotate(45deg);transition:transform .22s;flex-shrink:0}
.g-dacc[aria-expanded="true"] .g-dch{transform:rotate(-135deg)}
.g-dpan{display:block;box-sizing:border-box;height:0;overflow:hidden;opacity:0;visibility:hidden;padding:0 0 0 10px;transition:height .2s cubic-bezier(.16,1,.3,1),opacity .15s ease-out,padding .2s cubic-bezier(.16,1,.3,1),visibility 0s linear .2s}
.g-dsec.on .g-dpan{opacity:1;visibility:visible;padding:4px 0 14px 10px;transition-delay:0s}
.g-dpan a{display:block;padding:7px 0;font-size:16px;font-weight:600;color:var(--gn-ink2);text-decoration:none;transition:color .13s}
.g-dpan a:hover{color:var(--gn-accentd)}
.g-dgrp{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gn-accent);margin:12px 0 4px;font-weight:600}
.g-drf{padding:14px 22px;border-top:1px solid var(--gn-line);display:flex;flex-direction:column;gap:10px;flex-shrink:0;background:var(--gn-paper)}
.g-drf .g-book{justify-content:center;padding:16px;font-size:16px;letter-spacing:.06em}
.g-drf .g-ghost{display:block;text-align:center;padding:13px;border:1.5px solid var(--gn-line2);color:var(--gn-ink);border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:background .14s}
.g-drf .g-ghost:hover{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
/* scroll progress */
.g-prog{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--gn-accent);z-index:500;transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:0 0 10px rgba(240,134,71,.65)}
/* footer */
.g-footer{background:#0E0D0B;color:rgba(243,236,221,.78);padding:64px 0 28px}
.g-fw{max-width:1320px;margin:0 auto;padding:0 40px}
.g-fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:40px;margin-bottom:44px}
.g-flogo{display:inline-block;max-width:100%;margin:0 0 20px;line-height:0}
.g-fb .g-flogo img{display:block;width:210px!important;max-width:100%!important;height:auto!important;margin:0!important;filter:none!important;opacity:1!important}
.g-fb p{color:rgba(243,236,221,.52);font-size:15px;line-height:1.65;max-width:28ch;margin:0 0 18px}
.g-hrs{padding-top:16px;border-top:1px solid rgba(243,236,221,.1);font-size:13px;color:rgba(243,236,221,.48);line-height:1.85}
.g-hrs strong{display:block;color:rgba(243,236,221,.8);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:11px 0 2px}
.g-hrs strong:first-child{margin-top:0}
.g-footer h5{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:rgba(243,236,221,.42);margin:0 0 16px;font-weight:600}
.g-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.g-footer ul a{color:rgba(243,236,221,.68);text-decoration:none;font-size:15px;transition:color .13s}
.g-footer ul a:hover{color:var(--gn-accent)}
.g-fca a{display:block;margin-bottom:9px;font-size:15px;color:rgba(243,236,221,.78);text-decoration:none;transition:color .13s}
.g-fca a:hover{color:var(--gn-accent)}
.g-fadr{font-size:13px;color:rgba(243,236,221,.46);line-height:1.7;margin-top:12px}
.g-fbt{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;padding:15px 20px;background:var(--gn-accent);color:#fff;border-radius:10px;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 6px 20px -8px rgba(240,134,71,.5)}
.g-fbt:hover{background:#F08647;box-shadow:0 10px 28px -8px rgba(240,134,71,.65)}
.g-fapp{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 16px 10px 10px;background:transparent;color:rgba(243,236,221,.9);border:1px solid rgba(243,236,221,.22);border-radius:10px;text-decoration:none;transition:background .2s,border-color .2s}
.g-fapp:hover{background:rgba(243,236,221,.07);border-color:rgba(243,236,221,.48)}
.g-fapp-icon{width:40px;height:40px;background:rgba(240,134,71,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.g-fapp-icon img{width:28px;height:28px;object-fit:contain}
.g-fapp-txt{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
.g-fapp-small{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,236,221,.45);font-weight:600}
.g-fapp-big{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.04em;color:#F2E9D9;white-space:nowrap}
.g-fapp-arr{color:rgba(243,236,221,.38);font-size:15px;flex-shrink:0}
.g-fbot{border-top:1px solid rgba(243,236,221,.09);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:rgba(243,236,221,.38);flex-wrap:wrap}
.g-fsoc{display:flex;gap:16px}
.g-fsoc a{color:rgba(243,236,221,.52);text-decoration:none;font-size:13px;transition:color .13s}
.g-fsoc a:hover{color:var(--gn-accent)}
.g-fleg a{color:rgba(243,236,221,.38);text-decoration:none;margin-left:14px;font-size:12px;transition:color .13s;display:inline-block;padding:6px 2px;margin-top:-6px;margin-bottom:-6px}
.g-fleg a:hover{color:rgba(243,236,221,.6)}
/* responsive */
/* Tight-desktop range: keep the full navigation only where every action fits.
   Below 1390px the compact control cluster prevents clipping and overflow. */
@media(min-width:1391px) and (max-width:1540px){.g-ni{padding:0 20px;gap:12px}.g-ul>li>a{padding:10px 8px;font-size:13px}.g-book{padding:11px 15px}.g-call{padding:11px 13px}.g-call-label{display:none}}
@media(max-width:1390px){.g-ul{display:none}.g-cta{grid-column:3;justify-self:end}.g-hbg{display:inline-flex;order:2;width:42px;height:42px}.g-sbtn{order:1;width:42px;height:42px}.g-book{padding:11px 16px;font-size:13px;order:3}.g-call{padding:11px 14px;font-size:13px;order:4}.g-ni{gap:12px}}
body[style*="zoom"] .g-ul{display:none}
body[style*="zoom"] .g-cta{grid-column:3;justify-self:end}
body[style*="zoom"] .g-hbg{display:inline-flex;order:2}
body[style*="zoom"] .g-sbtn{order:1}
body[style*="zoom"] .g-book{padding:11px 16px;font-size:14px;order:3}
body[style*="zoom"] .g-call{order:4}
body[style*="zoom"] .g-ni{gap:12px}
@media(max-width:760px){
  .g-call{display:none}
  .g-mobile-callbar{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:9px 16px;background:#0E0D0B;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.01em;border-top:1px solid rgba(255,255,255,.08)}
  .g-mobile-callbar svg{width:17px;height:17px;fill:none;stroke:var(--gn-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  .g-mobile-callbar span{font-weight:600;color:rgba(255,255,255,.72)}
  .g-mobile-callbar strong{font-weight:800;color:#fff}
}
@media(max-width:1040px){.g-logo img{height:78px !important}.g-ni{padding:0 24px;gap:14px}.g-topbar .g-w{padding:9px 24px}}
@media(max-width:860px){.g-fg{grid-template-columns:1fr 1fr;gap:28px}.g-fw{padding:0 24px}.g-topbar .g-w{padding:9px 24px}}
@media(max-width:560px){.g-logo img{height:64px !important}.g-hbg{width:42px;height:42px}.g-sbtn{width:42px;height:42px}.g-ni{padding:0 16px;gap:10px}.g-topbar .g-w{padding:9px 16px;justify-content:center}.g-topbar .g-soc{display:none}.g-fw{padding:0 16px}.g-fg{grid-template-columns:1fr}.g-sp{margin:0;border-radius:0;width:100%;height:100%;min-height:0;max-height:100%}.g-shint{display:none}}
@media(max-width:440px){
  .g-book{display:none!important}
  .g-ni{grid-template-columns:minmax(0,1fr) max-content!important;padding-inline:14px!important;gap:8px!important}
  .g-logo img{height:56px!important;max-width:96px!important}
  .g-cta{gap:8px!important}
}
@media(max-width:375px){.g-dacc,.g-da{font-size:21px}}
/* ── Responsive safety ── */
/* Prevent any nav child from causing horizontal overflow.
   NOTE: .g-nav intentionally excluded — overflow-x:hidden on a sticky element
   forces overflow-y:auto (CSS spec), which clips absolutely-positioned dropdowns. */
.g-nav{max-width:100vw}
@media(max-width:400px){
  .g-ni{gap:6px}
}
/* Ensure dropdowns never overflow right edge */
@media(min-width:1391px){
  .g-drop.r{left:auto;right:0}
  .g-ul>li:last-child>.g-drop{left:auto;right:0}
}
/* Mobile drawer safe area (iOS notch) */
.g-drf{padding-bottom:max(14px,env(safe-area-inset-bottom))}
/* Topbar: wrap phone on very small screens */
@media(max-width:480px){
  .g-topbar .g-ph{font-size:11.5px}
  .g-topbar .g-ph::after{content:"";display:none}
}
@media(max-width:400px){
  .g-topbar .g-ph{font-size:11px;gap:6px}
}
/* Footer mobile stacking */
@media(max-width:480px){
  .g-fg{grid-template-columns:1fr}
  .g-fbot{flex-direction:column;align-items:flex-start;gap:10px}
}
/* Prevent logo squish on all screen sizes */
.g-logo{flex-shrink:0;line-height:0}
.g-logo img{flex-shrink:0}
/* footer review-platforms row */
.g-frev{display:flex;align-items:baseline;gap:10px 22px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(243,236,221,.09)}
.g-frev-l{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,236,221,.42);font-weight:600;flex-shrink:0}
.g-frev-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.g-frev-links a{font-size:13.5px;color:rgba(243,236,221,.62);text-decoration:none;transition:color .13s;display:inline-block;padding:6px 2px;margin:-6px 0}
.g-frev-links a:hover{color:var(--gn-accent)}
.g-footer li a{display:inline-block;padding:5px 0}
@media(max-width:560px){.g-frev-links{gap:8px 14px}}
/* reusable trust module (drop <section class="g-trust"> before footer on any page) */
.g-trust{background:var(--gn-paper);border-top:1px solid var(--gn-line);border-bottom:1px solid var(--gn-line)}
.g-trust-in{max-width:1320px;margin:0 auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}
.g-trust-head{display:flex;align-items:center;gap:16px;min-width:0}
.g-trust-rating{display:flex;align-items:center;gap:8px;flex-shrink:0}
.g-trust-num{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:38px;line-height:.85;color:var(--gn-ink);letter-spacing:-.01em}
.g-trust-stars{color:var(--gn-accent);font-size:14px;letter-spacing:2px}
.g-trust-cap{font-size:14.5px;line-height:1.5;color:var(--gn-ink2);max-width:54ch}
.g-trust-cap strong{color:var(--gn-ink);font-weight:700}
.g-trust-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.g-trust-links a{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gn-ink2);text-decoration:none;padding:8px 13px;border:1px solid var(--gn-line2);border-radius:999px;background:#fff;transition:border-color .15s,color .15s,background .15s}
.g-trust-links a:hover{border-color:var(--gn-accent);color:var(--gn-accentd)}
.g-trust-links a.g-trust-all{background:var(--gn-ink);color:#fff;border-color:var(--gn-ink)}
.g-trust-links a.g-trust-all:hover{background:var(--gn-accent);border-color:var(--gn-accent);color:#fff}
@media(max-width:860px){.g-trust-in{padding:22px 24px;gap:14px 24px}.g-trust-num{font-size:32px}}
@media(max-width:560px){.g-trust-in{padding:20px 16px}.g-trust-head{gap:12px}.g-trust-cap{font-size:13.5px}}

/* ── scroll reveal ─────────────────────────────────────────────────── */
@media(prefers-reduced-motion:no-preference){
  body.reveal-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
  body.reveal-ready [data-reveal].revealed{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .g-drop,.g-sov,.g-sp,.g-dpan{animation:none!important;transition:opacity .12s linear,visibility 0s linear .12s!important}
  .g-ul>li.is-open>.g-drop,.g-sov.on,.g-dsec.on .g-dpan{transition-delay:0s!important}
  .g-drop,.g-sp{transform:none!important}
  .g-drop.c,.g-ul>li.is-open>.g-drop.c{transform:translateX(-50%)!important}
  .g-dr{animation:none!important;transform:none!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s linear,visibility 0s linear .12s!important}
  .g-dr.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s!important}
  .g-cv,.g-bar::before,.g-bar::after{animation:none!important;transition:opacity .12s linear,background-color .12s linear!important}
  .g-book:hover,.g-call:hover,.g-book:active,.g-call:active,.g-sbtn:active,.g-hbg:active,.g-scl:active,.g-drx:active,.g-drf .g-ghost:active,.g-fbt:active,.g-book:hover .arr{transform:none!important}
}