/* ─────────────────────────────────────────────────────────────────────────────
   MOHR  - About page (about.html)
   Page-specific styles, loaded after assets/mohr.css and assets/faq.css.
   Tokens, type roles, buttons, eyebrows and the aperture motif all come from the
   shared system; nothing here redefines the brand, it only lays out the page.
   ───────────────────────────────────────────────────────────────────────────── */

.about-section{scroll-margin-top:4.5rem;}
.about-prose{max-width:var(--prose);}
.about-prose p{margin:0 0 1.15rem;color:var(--slate);}
.about-prose p:last-child{margin-bottom:0;}
.about-prose b{color:var(--ink);font-weight:600;}
.about-prose a,.about-link{
  color:var(--evergreen);font-weight:500;text-decoration:none;
  box-shadow:inset 0 -1px 0 var(--brass);transition:box-shadow .3s var(--ease);
}
.about-prose a:hover,.about-link:hover{box-shadow:inset 0 -2px 0 var(--brass);}
.about-head{max-width:46rem;margin-bottom:clamp(2.2rem,4.5vw,3.4rem);}
.about-head .lede{margin:1.3rem 0 0;}

/* ── hero ─────────────────────────────────────────────── */
.ahero{padding-top:clamp(2rem,6vh,5.5rem);padding-bottom:clamp(3rem,7vh,6rem);}
.ahero__grid{display:grid;grid-template-columns:1fr;gap:clamp(2.2rem,5vw,4.5rem);align-items:center;}
@media(min-width:940px){.ahero__grid{grid-template-columns:1.12fr .88fr;}}
.ahero h1{font-size:clamp(2.45rem,6.4vw,5rem);letter-spacing:-.028em;max-width:13ch;}
.ahero h1 .soft{color:var(--evergreen);}
.ahero__lede{margin:1.5rem 0 0;max-width:36rem;}
.ahero__creed{
  margin:1.6rem 0 2rem;padding-left:1.25rem;border-left:2px solid var(--brass);
  font-family:var(--display);font-weight:400;font-size:clamp(1.12rem,1.8vw,1.38rem);
  line-height:1.45;color:var(--evergreen);letter-spacing:-.01em;max-width:32rem;
}
.ahero__where{
  margin:1.6rem 0 0;font-family:var(--accent);font-size:.74rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--slate);
  display:flex;align-items:center;gap:.7em;
}
.ahero__where::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass);flex:0 0 auto;}

/* ── founder plate ────────────────────────────────────────
   The portrait position. No approved photograph of Dr. GolBerg exists in
   /assets yet, so the plate is typographic: name, credentials and the aperture
   motif, never a stock or generated face. To use a real photograph, put an
   <img class="plate__photo"> as the plate's first child; it fills the frame
   and the typographic layer sits over a scrim at the foot. */
.plate{
  position:relative;overflow:hidden;border-radius:var(--radius);
  background:var(--evergreen);color:var(--porcelain);
  aspect-ratio:4/5;width:100%;max-width:30rem;justify-self:center;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(1.5rem,3.4vw,2.4rem);
  box-shadow:0 40px 70px -46px color-mix(in srgb,var(--evergreen) 85%,transparent);
}
.plate__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.plate:has(.plate__photo)::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,color-mix(in srgb,var(--ink) 78%,transparent) 0%,transparent 55%);
}
.plate .aperture{
  position:absolute;top:-12%;right:-22%;width:120%;max-width:none;opacity:.2;z-index:0;pointer-events:none;
}
.plate .aperture .ring{stroke:var(--porcelain);}
.plate .aperture .ring--faint{stroke:color-mix(in srgb,var(--porcelain) 55%,transparent);}
.plate:has(.plate__photo) .aperture{display:none;}
/* registration marks, as on the featured before-and-after pair */
.plate::before{
  content:"";position:absolute;top:14px;left:14px;width:26px;height:26px;z-index:2;
  border:1.5px solid color-mix(in srgb,var(--brass) 82%,transparent);border-right:0;border-bottom:0;
}
.plate__body{position:relative;z-index:2;}
.plate__role{
  font-family:var(--accent);font-size:.68rem;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--brass-light);margin:0 0 .9rem;
}
.plate__name{
  font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.6rem);
  line-height:1.04;letter-spacing:-.02em;margin:0;color:var(--porcelain);
}
.plate__cred{display:block;margin-top:.35rem;color:var(--brass-light);font-size:.62em;letter-spacing:.02em;}
.plate__facts{
  list-style:none;margin:1.4rem 0 0;padding:1.1rem 0 0;display:grid;gap:.5rem;
  border-top:1px solid color-mix(in srgb,var(--porcelain) 20%,transparent);
}
.plate__facts li{
  display:flex;gap:.7em;align-items:flex-start;font-size:.9rem;line-height:1.45;
  color:color-mix(in srgb,var(--porcelain) 86%,transparent);
}
.plate__facts li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brass);margin-top:.55em;flex:0 0 auto;}
@media(max-width:939px){
  /* phones: the founder section carries the plate; the hero leads with copy */
  .ahero .plate{display:none;}
  .plate{aspect-ratio:auto;min-height:20rem;max-width:none;}
  .plate .aperture{width:90%;right:-30%;top:-18%;}
}

/* ── why MOHR exists ──────────────────────────────────── */
.why2__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,4rem);align-items:start;}
@media(min-width:880px){.why2__grid{grid-template-columns:.9fr 1.1fr;}}
.why2__grid h2{max-width:12ch;}
.why2__open{
  font-family:var(--display);font-weight:300;font-size:clamp(1.35rem,2.5vw,1.8rem);
  line-height:1.38;letter-spacing:-.01em;color:var(--ink);margin:0 0 1.4rem;
}
.why2__open b{font-weight:500;color:var(--evergreen);}

/* the creed: one line, full width, evergreen band */
.creed{text-align:center;}
.creed__line{
  font-family:var(--display);font-weight:300;font-size:clamp(2.1rem,6.4vw,4.6rem);
  line-height:1.06;letter-spacing:-.025em;margin:0 auto;color:var(--porcelain);max-width:16ch;
}
.creed__line b{font-weight:500;color:var(--brass-light);}
.creed__sub{
  margin:1.9rem auto 0;max-width:40rem;font-size:1.06rem;line-height:1.65;
  color:color-mix(in srgb,var(--porcelain) 86%,transparent);
}
.creed__sub a{color:var(--porcelain);text-decoration:none;box-shadow:inset 0 -1px 0 var(--brass);}
.creed__sub a:hover{box-shadow:inset 0 -2px 0 var(--brass);}

/* ── founder ──────────────────────────────────────────── */
.founder__grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start;}
@media(min-width:940px){
  .founder__grid{grid-template-columns:.8fr 1.2fr;}
  .founder__aside{position:sticky;top:6rem;}
}
.founder h2{font-size:clamp(2.1rem,4.6vw,3.4rem);}
.founder__sub{
  font-family:var(--display);font-weight:300;font-size:clamp(1.2rem,2vw,1.5rem);
  line-height:1.4;color:var(--evergreen);margin:1.1rem 0 2rem;max-width:34rem;letter-spacing:-.01em;
}
.founder .plate{max-width:none;}
.founder__note{margin:1rem 0 0;font-size:.82rem;color:var(--slate);line-height:1.55;}

/* credential strip: quiet, ruled, no badges */
.creds{
  list-style:none;margin:clamp(2.6rem,5vw,3.8rem) 0 0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);
}
@media(min-width:820px){.creds{grid-template-columns:repeat(4,1fr);}}
.creds li{
  padding:1.3rem 1rem 1.3rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent);
  display:flex;flex-direction:column;gap:.35rem;
}
@media(min-width:820px){
  .creds li{border-bottom:0;padding:1.5rem 1.4rem 0 0;}
  .creds li + li{padding-left:1.4rem;border-left:1px solid color-mix(in srgb,var(--ink) 14%,transparent);}
}
.creds__big{font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.05;color:var(--evergreen);letter-spacing:-.015em;}
.creds__link{color:inherit;text-decoration:none;box-shadow:inset 0 -1px 0 var(--brass);}
.creds__link:hover{box-shadow:inset 0 -2px 0 var(--brass);}
.creds__small{
  font-family:var(--accent);font-size:.66rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--slate);line-height:1.5;
}

/* ── the model: measure / understand / treat / track ──── */
.model__grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,4rem);align-items:start;margin-bottom:clamp(2.6rem,5vw,3.8rem);}
@media(min-width:880px){.model__grid{grid-template-columns:.9fr 1.1fr;}}
.model__grid h2{max-width:13ch;}
.model__steps{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1px;
  background:color-mix(in srgb,var(--ink) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--radius);overflow:hidden;
}
@media(min-width:620px){.model__steps{grid-template-columns:1fr 1fr;}}
@media(min-width:1040px){.model__steps{grid-template-columns:repeat(4,1fr);}}
.model__step{background:var(--sage);padding:clamp(1.5rem,2.6vw,2.1rem);position:relative;}
.model__n{
  display:flex;align-items:center;gap:.6em;margin:0 0 1.5rem;
  font-family:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.22em;color:var(--slate);
}
.model__n::before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--brass);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brass) 18%,transparent);
}
.model__step h3{font-size:1.65rem;color:var(--evergreen);margin:0 0 .55rem;letter-spacing:-.01em;}
.model__step p{margin:0;font-size:.98rem;line-height:1.55;color:var(--slate);}

/* ── press: an index of articles, not a logo wall ─────── */
.press__feature{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.4rem);}
@media(min-width:860px){.press__feature{grid-template-columns:1fr 1fr;}}
.press__list{
  display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.4rem);margin-top:clamp(1rem,2vw,1.4rem);
}
@media(min-width:700px){.press__list{grid-template-columns:1fr 1fr;}}
@media(min-width:1040px){.press__list{grid-template-columns:repeat(3,1fr);}}
.pcard{
  position:relative;display:flex;flex-direction:column;gap:.85rem;margin:0;
  padding:clamp(1.4rem,2.6vw,2rem);border-radius:var(--radius);background:var(--porcelain);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);
  transition:box-shadow .35s var(--ease),transform .35s var(--ease);
}
@media(hover:hover){
  .pcard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--brass),0 24px 44px -34px color-mix(in srgb,var(--evergreen) 70%,transparent);}
}
.pcard--feature{background:var(--evergreen);color:var(--porcelain);box-shadow:none;padding:clamp(1.7rem,3.2vw,2.6rem);}
.pcard__pub{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;margin:0;
  font-family:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);
}
.pcard__pub time,.pcard__topic{font-weight:500;letter-spacing:.12em;color:var(--slate);font-size:.64rem;}
.pcard--feature .pcard__pub{color:var(--porcelain);}
.pcard--feature .pcard__pub time,.pcard--feature .pcard__topic{color:var(--brass-light);}
.pcard h3{font-size:clamp(1.2rem,1.7vw,1.42rem);line-height:1.22;letter-spacing:-.01em;color:var(--evergreen);margin:0;overflow-wrap:anywhere;}
.pcard--feature h3{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.15;color:var(--porcelain);}
.pcard p{margin:0;font-size:.95rem;line-height:1.6;color:var(--slate);}
.pcard--feature p{color:color-mix(in srgb,var(--porcelain) 84%,transparent);font-size:1rem;}
.pcard h3 a.pcard__link{color:inherit;text-decoration:none;}
/* the headline is the one real anchor (descriptive text for people and crawlers);
   its ::after stretches the hit area over the whole card */
.pcard__link::after{content:"";position:absolute;inset:0;border-radius:var(--radius);}
.pcard__link:focus-visible{outline:none;}
.pcard:has(.pcard__link:focus-visible){outline:2.5px solid var(--brass);outline-offset:3px;}
.pcard__read{
  margin-top:auto;padding-top:.6rem;align-self:flex-start;
  font-family:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--evergreen);display:inline-flex;align-items:center;gap:.5em;
  box-shadow:inset 0 -1.5px 0 var(--brass);padding-bottom:.2rem;
}
.pcard--feature .pcard__read{color:var(--porcelain);}
.press__group{
  font-family:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--slate);margin:clamp(2.4rem,4.5vw,3.4rem) 0 1.1rem;display:flex;align-items:center;gap:.7em;line-height:1.5;
}
.press__group:first-of-type{margin-top:0;}
.press__group::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--ink) 12%,transparent);}
.press__note{margin:clamp(1.8rem,3vw,2.4rem) 0 0;max-width:46rem;font-size:.88rem;color:var(--slate);line-height:1.6;}

/* ── physician behind the philosophy ──────────────────── */
.behind__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,4rem);align-items:start;}
@media(min-width:880px){.behind__grid{grid-template-columns:.9fr 1.1fr;}}
.behind__grid h2{max-width:13ch;}
.behind__loop{
  list-style:none;margin:1.6rem 0;padding:0;display:grid;gap:0;
  border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);
}
.behind__loop li{
  display:flex;gap:1rem;align-items:baseline;padding:.95rem 0;
  border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);
  font-family:var(--display);font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.3;color:var(--ink);letter-spacing:-.01em;
}
.behind__loop span{font-family:var(--accent);font-size:.66rem;font-weight:600;letter-spacing:.2em;color:var(--slate);flex:0 0 2rem;}
.brandnote{
  margin-top:1.8rem;padding:1.2rem 1.35rem;border-radius:var(--radius-sm);background:var(--porcelain);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent);
  font-size:.95rem;line-height:1.6;color:var(--slate);
}
.brandnote b{color:var(--ink);font-weight:600;}

/* ── the MOHR standard (reuses .mech on evergreen) ────── */
.standard .mech h3{font-size:clamp(1.35rem,2.2vw,1.6rem);}

/* ── location / entity facts ──────────────────────────── */
.where__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,4rem);align-items:start;}
@media(min-width:880px){.where__grid{grid-template-columns:1fr 1fr;}}
.factcard{
  border-radius:var(--radius);background:var(--porcelain);padding:clamp(1.5rem,3vw,2.3rem);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);
}
.factcard__addr{font-style:normal;margin:0 0 1.5rem;}
.factcard__addr .factcard__name{display:block;font-family:var(--display);font-size:clamp(1.6rem,3vw,2.1rem);color:var(--evergreen);line-height:1.1;margin-bottom:.6rem;}
.factcard__addr span{display:block;font-size:1.05rem;line-height:1.6;color:var(--ink);}
.factcard__addr a{color:var(--evergreen);text-underline-offset:3px;}
.facts{margin:0;display:grid;grid-template-columns:1fr;}
.facts div{
  display:grid;grid-template-columns:1fr;gap:.2rem;padding:.85rem 0;
  border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);
}
@media(min-width:520px){.facts div{grid-template-columns:9.5rem 1fr;gap:1rem;}}
.facts dt{font-family:var(--accent);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);padding-top:.2rem;}
.facts dd{margin:0;font-size:.98rem;line-height:1.5;color:var(--ink);}
.facts dd a{color:var(--evergreen);text-underline-offset:3px;}

/* ── final CTA ────────────────────────────────────────── */
.acta{text-align:center;}
.acta h2{font-size:clamp(2.2rem,5.4vw,3.8rem);margin:0 auto;max-width:14ch;}
.acta__sub{font-family:var(--display);font-weight:300;font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--brass-light);margin:.9rem 0 0;}
.acta__copy{margin:1.4rem auto 2.2rem;max-width:34rem;color:color-mix(in srgb,var(--porcelain) 86%,transparent);}
.acta .cta-pair{justify-content:center;}
.acta .btn--ghost{color:var(--porcelain);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--porcelain) 40%,transparent);}
.acta .btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--porcelain);}
.acta__fine{margin:1.4rem auto 0;max-width:34rem;font-size:.84rem;color:color-mix(in srgb,var(--porcelain) 70%,transparent);}

/* ── sources + about this page ────────────────────────── */
.sources__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,4rem);align-items:start;}
@media(min-width:900px){.sources__grid{grid-template-columns:1.25fr .75fr;}}
.sources h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:1.4rem;}
.srclist{margin:0;padding:0;list-style:none;counter-reset:src;}
.srclist li{
  counter-increment:src;display:grid;grid-template-columns:2rem 1fr;gap:.2rem .5rem;
  padding:.9rem 0;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);
  font-size:.95rem;line-height:1.55;color:var(--slate);
}
.srclist li::before{content:counter(src,decimal-leading-zero);font-family:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.12em;color:var(--slate);padding-top:.25rem;}
.srclist b{color:var(--ink);font-weight:600;}
.srclist a{color:var(--evergreen);text-underline-offset:3px;overflow-wrap:anywhere;}
.pagenote{border-radius:var(--radius);background:var(--sage);padding:clamp(1.3rem,2.6vw,1.8rem);}
.pagenote h2{font-family:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);margin:0 0 1rem;display:flex;align-items:center;gap:.7em;}
.pagenote h2::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brass);flex:0 0 auto;}
.pagenote p{margin:0 0 .8rem;font-size:.92rem;line-height:1.65;color:var(--slate);}
.pagenote p:last-child{margin:0;}
.pagenote b{color:var(--ink);font-weight:600;}

/* ── small screens ────────────────────────────────────── */
@media(max-width:899px){
  .ahero{padding-top:1.4rem;padding-bottom:2.6rem;}
  .ahero h1{font-size:clamp(2.1rem,9vw,2.8rem);line-height:1.06;}
  .ahero__lede{font-size:1.02rem;line-height:1.55;margin-top:1rem;}
  .ahero__creed{margin:1.2rem 0 1.5rem;}
}
@media(max-width:520px){
  .creds li{padding-right:.6rem;}
  .creds li:nth-child(even){padding-left:.9rem;border-left:1px solid color-mix(in srgb,var(--ink) 14%,transparent);}
  .pcard__pub{font-size:.66rem;letter-spacing:.16em;}
}

/* ── breadcrumb ───────────────────────────────────────── */
.crumbs{margin:0 0 clamp(1.4rem,3vw,2.4rem);}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5em;
  font-family:var(--accent);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);}
.crumbs li + li::before{content:"/";margin-right:.5em;color:color-mix(in srgb,var(--slate) 60%,transparent);}
.crumbs a{color:var(--slate);text-decoration:none;}
.crumbs a:hover{color:var(--evergreen);}
.crumbs [aria-current]{color:var(--evergreen);}