/* /assets/fonts-pinnacle-v1.css */
/* Locally hosted Latin subsets of Pinnacle's established site typefaces. */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/barlow-condensed-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/barlow-condensed-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/barlow-condensed-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/barlow-condensed-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/assets/fonts/barlow-condensed-latin-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/source-sans-3-latin-400-700.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/jetbrains-mono-latin-400-700.woff2') format('woff2');
}

/* /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;
}