/* ======================================================================
   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:#bd5a20;
  --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:#f39a63;
}

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:#f39a63!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:#f39a63!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,1fr) minmax(470px,.92fr)!important;
  gap:clamp(52px,6vw,96px)!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:#a84b1c!important;
}
body.home-page.pa-art.pa-home main > .hero h1.display{
  max-width:700px;
  margin-bottom:26px!important;
  font-size:clamp(64px,7.6vw,112px)!important;
  line-height:.84!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}
}