/* The first section after the hero establishes trust before treatment choices. */
.trust-section{
  --trust-shift:0px;
  --section-space:clamp(28px,4.2vh,38px);
  display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.28fr);gap:clamp(42px,6vw,96px);align-items:center;
}
.trust-media{position:relative;min-width:0;height:clamp(450px,60vh,540px)}
.trust-image-clip{position:absolute;inset:0;overflow:hidden;border-radius:3px 3px 72px 3px;background:var(--wash)}
.trust-media picture,.trust-media img{display:block;width:100%;height:100%}
.trust-media img{object-fit:cover;object-position:50% 0;transform:translate3d(0,var(--trust-shift),0) scale(1.025);transform-origin:50% 0;will-change:transform}
.trust-story{min-width:0}
.trust-story>.eyebrow{margin-bottom:13px}
.trust-story h2{max-width:740px;font-family:var(--display);font-size:clamp(42px,4.35vw,66px);font-weight:480;line-height:1.02!important;letter-spacing:-.05em!important}
.trust-quote{margin:clamp(19px,2.8vh,28px) 0 0;padding:0 0 0 22px;border-left:1px solid var(--accent);max-width:760px}
.trust-quote p{font-family:var(--display);font-size:clamp(19px,1.38vw,22px);font-weight:390;line-height:1.5;letter-spacing:-.028em}
.trust-quote cite{display:block;margin-top:14px;color:var(--muted);font-style:normal;font-size:13px;font-weight:450;letter-spacing:.015em}
.trust-metrics{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(22px,3vh,30px) 0 0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-metric{position:relative;min-width:0;padding:15px 14px;transition:background-color .22s,padding-left .22s}
.trust-metric:first-child{padding-left:0}
.trust-metric:not(:last-child){border-right:1px solid var(--line)}
.trust-metric-value{display:block;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(30px,2.6vw,42px);font-weight:470;line-height:1;letter-spacing:-.055em;color:var(--accent);transition:transform .22s}
.trust-metric-label{display:block;margin-top:9px;font-size:14px;font-weight:500;line-height:1.35;letter-spacing:-.012em}
.trust-metric-note{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--muted)}
.trust-profile{display:flex;width:max-content;max-width:100%;margin:14px auto 0;text-align:center;justify-content:center}
@media(hover:hover){
  .trust-metric:hover{background:color-mix(in srgb,var(--wash) 72%,transparent);padding-left:14px}
  .trust-metric:hover .trust-metric-value{transform:translateX(4px)}
}
.trust-section.is-visible .trust-media{animation:trust-media-in .8s var(--ease) both}
.trust-section.is-visible .trust-story>*{animation:trust-copy-in .65s var(--ease) both}
.trust-section.is-visible .trust-story>*:nth-child(2){animation-delay:.07s}
.trust-section.is-visible .trust-story>*:nth-child(3){animation-delay:.14s}
.trust-section.is-visible .trust-story>*:nth-child(4){animation-delay:.21s}
.trust-section.is-visible .trust-story>*:nth-child(5){animation-delay:.28s}
@keyframes trust-media-in{from{opacity:.25;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes trust-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Section cadence now follows the persuasion sequence, including the new introduction. */
main>:is(#about,#concerns,#gallery,#locations,#contact){
  background:var(--section-soft);--wash:var(--section-soft-card);--surface:var(--section-soft-card);--line:var(--section-soft-line);--muted:var(--section-soft-muted)
}
main>:is(#procedures,#patient,#reviews,#questions),body>.footer{
  background:var(--section-plain);--wash:var(--bg);--surface:var(--bg);--line:var(--section-soft-line)
}
@media(min-width:761px) and (max-width:1100px){
  .trust-section{grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:36px}
  .trust-media{height:500px}
  .trust-quote p{font-size:20px}
  .trust-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-metric:nth-child(2){border-right:0}
  .trust-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .trust-section{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .trust-media{height:clamp(410px,112vw,540px)}
  .trust-image-clip{border-bottom-right-radius:44px}
  .trust-media img{object-position:50% 0;transform:translate3d(0,var(--trust-shift),0) scale(1.02)}
  .trust-story h2{font-size:clamp(35px,10.5vw,48px)}
  .trust-quote{margin-top:23px;padding-left:18px}
  .trust-quote p{font-size:20px}
  .trust-metrics{margin-top:28px}
  .trust-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-metric{padding-top:16px;padding-bottom:16px}
  .trust-metric:first-child{padding-left:14px}
  .trust-metric:nth-child(2){border-right:0}
  .trust-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .trust-metric-label{font-size:13px}
}
@media(max-width:360px){
  .trust-media{height:400px}
  .trust-metric-value{font-size:29px}
  .trust-metric-label{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .trust-media img{transform:none;will-change:auto}
  .trust-section.is-visible .trust-media,.trust-section.is-visible .trust-story>*{animation:none}
  .trust-metric,.trust-metric-value{transition:none}
}
