/* page-larsen.css - shared by /francois-larsen/ (author) + /measuring-indoor-air-wrong/ (article).
   BODY CONFORMANCE v4.2 + POLISH v4.3: the site's authority-page body system (derived from
   page-founder-uses.css / page-about-us.css / page-our-experts.css / page-max-sundell.css /
   service.css). Prose is LEFT-aligned to the .wrap left edge (no margin:auto on any content column);
   pull-quotes = inline .lr-principle bar; two-column = symmetric 1fr 1fr (.lr-compare/.lr-cols/.lr-duo)
   only; the close band is the reference .close/.final dual-button idiom. Grids collapse at 760/680/
   640/560 (never 900). All .lr-* page-scoped so the reference pages stay byte-identical. Colours =
   theme tokens + values already in the theme. Fraunces + Archivo load globally. */

/* ---------- bands ---------- */
.lr-sec{padding:110px 0;}
.lr-deep{background:var(--paper-deep);}
.lr-night{background:radial-gradient(90% 120% at 82% -10%, rgba(201,166,115,.14), rgba(201,166,115,0) 55%),linear-gradient(165deg,#352819 0%,#271d12 100%);color:var(--night-text);}

/* ---------- section head: eyebrow + h2 stacked, LEFT (site .sec-head) ---------- */
.lr-sec-head{max-width:48ch;margin-bottom:52px;}
.lr-eyebrow{display:block;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:14px;}
.lr-night .lr-eyebrow{color:#c79a5e;}
.lr-sec-head h2{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.12;letter-spacing:-.02em;margin:0;color:var(--ink);}
@media(min-width:861px) and (max-width:1600px){.lr-sec-head h2{font-size:clamp(2.2rem,1.05rem + 2.25vw,3.3rem);}}
/* em accent inherits weight from the h2 (300) - matches the reference .sec-head h2 em exactly
   (about-us/our-experts set NO weight on the em; the earlier 400 read heavier than the site). */
.lr-sec-head h2 em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
.lr-night .lr-sec-head h2{color:#efe4d2;}
.lr-night .lr-sec-head h2 em{color:#d9b783;}

/* ---------- body prose: LEFT edge, no margin:auto (site .lede/.lead) ---------- */
.lr-lead{max-width:66ch;color:var(--ink-soft);font-size:1.12rem;line-height:1.8;}
.lr-lead p{margin-bottom:1.2em;}
.lr-lead p:last-child{margin-bottom:0;}
.lr-lead em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
.lr-lead strong{font-weight:400;color:var(--ink);}
.lr-night .lr-lead{color:var(--night-text);}
.lr-night .lr-lead em{color:#d9b783;}
.lr-mt{margin-top:40px;}
.lr-serif{font-family:'Fraunces';font-style:italic;font-weight:300;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.3;color:var(--ink);max-width:34ch;margin-bottom:.6em;}

/* ---------- pull-quote: inline left accent bar + Fraunces italic (site .principle/.fu-disclose) ---------- */
.lr-principle{margin:34px 0;border-left:2px solid var(--accent);padding:8px 0 8px 26px;max-width:64ch;}
.lr-principle p{font-family:'Fraunces';font-style:italic;font-size:1.3rem;line-height:1.36;color:var(--ink);margin:0;}
.lr-night .lr-principle{border-left-color:var(--gold);}
.lr-night .lr-principle p{color:#d9b783;}

/* ---------- ordered list (site .principles, decimal-leading-zero) ---------- */
.lr-principles{max-width:66ch;margin-top:34px;}
.lr-principles ol{list-style:none;counter-reset:p;}
.lr-principles li{counter-increment:p;padding:22px 0 22px 54px;border-top:1px solid var(--line);position:relative;color:var(--ink-soft);font-size:1.05rem;line-height:1.6;}
.lr-principles li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:22px;font-family:'Fraunces';font-style:italic;color:var(--accent);font-size:1.1rem;}

/* ---------- stacked definition list (site .fu-card dl): uppercase accent term above its definition ---------- */
.lr-deflist{max-width:66ch;margin-top:34px;}
.lr-def{padding:24px 0;border-top:1px solid var(--line);}
.lr-def:last-child{border-bottom:1px solid var(--line);}
.lr-def dt{font-family:'Archivo';font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
.lr-def dd{font-size:1.05rem;line-height:1.65;color:var(--ink-soft);}
.lr-night .lr-def{border-color:rgba(232,199,154,.28);}
.lr-night .lr-def dt{color:#c79a5e;}
.lr-night .lr-def dd{color:var(--night-text);}

/* ---------- two-part contrast (v4.5 #6: boxes removed — left-aligned italic pull prose, no grid/border/bg) ---------- */
.lr-compare{margin:34px 0;max-width:66ch;}
.lr-compare>div{padding:0;}
.lr-compare>div + div{margin-top:1rem;}
.lr-compare p{font-family:'Fraunces';font-style:italic;font-size:1.15rem;line-height:1.45;color:var(--accent);margin:0;}

/* ---------- two-column head+prose split (symmetric 1fr 1fr, site grid) ---------- */
.lr-duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.lr-duo .lr-principle{margin:26px 0 0;}

/* ---------- stat rows (site .fl-stats3); top-baseline aligned so the row reads as one band ---------- */
.lr-stats{display:grid;gap:56px;margin:44px 0;max-width:66ch;align-items:start;}
/* v0.5.87 P1: content-sized columns, left-packed with the base 56px gap (was 3x1fr @ max-width:none =
   full-bleed -> the short "Seventeen / years" block left a dead zone). Mirrors the 2-up's even, constrained
   read; caption capped so the long block-2 caption wraps instead of stretching its track. */
.lr-stats.lr-three{grid-template-columns:repeat(3,auto);justify-content:start;max-width:none;}
.lr-stats.lr-three .lr-sm{max-width:24ch;}
.lr-stats.lr-two{grid-template-columns:1fr 1fr;}
/* v0.5.87 P1: figure->caption vertical gap reverted to the original 8px (0.5em was unwanted; the vertical
   gap was always fine). The real stat-band issue was HORIZONTAL distribution, fixed on .lr-three above. */
.lr-stat .lr-big{font-family:'Fraunces';font-style:italic;font-weight:300;font-size:clamp(1.8rem,3.6vw,2.6rem);color:var(--accent);line-height:1.05;margin-bottom:8px;}
.lr-stat .lr-sm{font-size:.95rem;color:var(--ink-soft);line-height:1.5;}
.lr-night .lr-stat .lr-big{color:#e8c79a;}
.lr-night .lr-stat .lr-sm{color:var(--night-text);}

/* ---------- certification chips (no site equivalent; kept, theme tokens) ---------- */
.lr-chips{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;}
.lr-chip{display:inline-block;border:1px solid var(--line);color:var(--accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:9px 18px;}
.lr-night .lr-chip{border-color:rgba(232,199,154,.45);color:#e8c79a;}

/* ---------- two heads side-by-side (site .cols/.m-card) ---------- */
.lr-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px;max-width:66ch;}
.lr-col{border-top:1px solid var(--line);padding-top:28px;}
.lr-col h3{font-family:'Fraunces';font-style:italic;font-weight:300;font-size:1.5rem;line-height:1.25;color:var(--accent);margin:0;}

/* ---------- published work: index rows (site .step-row / index-row) ---------- */
.lr-srow{display:grid;grid-template-columns:60px 120px 1fr auto;gap:30px;align-items:baseline;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;margin-top:34px;}
.lr-srow .lr-idx{font-family:'Fraunces';font-style:italic;color:var(--accent);font-size:1.25rem;}
.lr-srow .lr-cat{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);padding-top:5px;}
.lr-srow .lr-ttl{font-weight:500;font-size:1.3rem;line-height:1.3;color:var(--ink);}
.lr-srow .lr-rd{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);white-space:nowrap;padding-top:4px;}

/* ---------- joiner (echo lines) — LEFT-anchored pull (v4.5 #5/#7: was centered) ---------- */
.lr-joiner{text-align:left;margin:48px 0 0;font-family:'Fraunces';font-style:italic;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.4;color:var(--ink);max-width:44ch;}
.lr-night .lr-joiner{color:#d9b783;}

/* ---------- article reading column: LEFT edge, no margin:auto ---------- */
.lr-artcol{max-width:66ch;}
.lr-artcol p{color:var(--ink-soft);font-size:1.12rem;line-height:1.8;margin-bottom:1.2em;}
.lr-artcol p:last-child{margin-bottom:0;}
.lr-artcol p.lr-ink{color:var(--ink);}

/* ---------- article close (site .post-end): 56px accent hairline, left ---------- */
/* v4.4 item 7: tightened article-end rhythm (reference .post-end) so the page closes deliberately. */
.lr-close{max-width:66ch;margin-top:48px;}
.lr-close::before{content:"";display:block;width:56px;height:1px;background:var(--accent);margin-bottom:24px;}
.lr-marks{font-family:'Fraunces';font-style:italic;color:var(--ink-soft);font-size:1rem;line-height:1.55;}
.lr-back{display:inline-block;margin-top:20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-decoration:none;}
.lr-back:hover{color:var(--ink);}

/* ---------- centered dark close band (site .close/.final) + reference dual-button pair ---------- */
.lr-final{text-align:center;}
.lr-final .lr-sec-head{max-width:none;margin:0 auto 18px;}
.lr-final .lr-eyebrow{margin-bottom:22px;}
/* v4.4 item 4: widened from 22ch so "I have spoken at WETEX in Dubai." breaks to two lines like the
   reference close headings (their 20-24ch is calibrated for shorter text; this heading is longer). */
/* v0.5.86 A1: the 2-line break is a literal <br> in the markup ("I have spoken at" / "WETEX in
   Dubai."); max-width removed — natural centered measure, <br> is the sole break control. */
.lr-final h2{margin:0 auto;font-size:clamp(2rem,4.2vw,3rem);}
.lr-final .lr-lead{max-width:50ch;margin:22px auto 34px;text-align:center;color:#a89c84;font-size:1.08rem;}
/* Dual CTA = the reference .close .btns pair: solid gold .btn-primary + bordered dark-band .btn-ghost
   (mirrors page-our-experts.css .close: "Speak to a specialist" / "Meet Max"). */
.lr-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.lr-final .btn-ghost{display:inline-block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(232,199,154,.5);color:#e8c79a;padding:16px 32px;text-decoration:none;transition:background-color .4s ease,color .4s ease;}
.lr-final .btn-ghost:hover{background:rgba(232,199,154,.1);}

/* ---------- hero (dark, bottom-left) — geometry matched to Sundell ---------- */
.lr-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(100% 115% at 80% -5%, rgba(201,166,115,.18), rgba(201,166,115,0) 55%),linear-gradient(165deg,#3a2c1b 0%,#2b2015 60%,#241b12 100%);color:var(--night-text);}
.lr-hero .inner{position:relative;width:100%;padding-bottom:74px;}
.lr-crumb{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:30px;}
.lr-crumb a{color:rgba(255,255,255,.65);text-decoration:none;}
.lr-crumb a:hover{color:#e8c79a;}
.lr-portrait{width:96px;height:96px;border-radius:50%;overflow:hidden;border:1px solid rgba(232,199,154,.5);margin-bottom:30px;}
.lr-portrait img{width:100%;height:100%;object-fit:cover;display:block;}
.lr-hero h1{color:#fff;margin-bottom:14px;font-size:var(--hero-h1);line-height:1.12;}
/* v4.4 item 5: article-h1 accent = the site hero-em convention (.ac-hero h1 em: Fraunces italic
   gold, 1.04em). No h1 on the site renders FULLY italic, so one strongest word gets the accent. */
.lr-hero h1 em{font-family:'Fraunces';font-style:italic;color:#d9b783;font-size:1.04em;}
.lr-hero.lr-art h1{max-width:15ch;}
.lr-sub{font-size:var(--hero-sub);line-height:1.4;color:rgba(255,255,255,.86);max-width:58ch;margin-bottom:26px;}
.lr-altname{font-family:'Fraunces';font-style:italic;color:#d9b783;font-size:16px;line-height:1.6;max-width:52ch;margin-bottom:16px;}
.lr-payoff{font-size:16px;color:var(--night-text);max-width:40ch;}
.lr-byline{font-family:'Fraunces';font-style:italic;font-size:18px;color:#d9b783;margin-top:30px;}
.lr-byline a{color:#d9b783;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px;}
.lr-byline a:hover{color:#e8c79a;}

/* Scroll-reveal uses the GLOBAL .reveal class (styled in style.css, animated by main.js). */

/* ---------- mobile: collapse at the SITE breakpoints (760/680/640/560) — never 900 ---------- */
@media(max-width:860px){
  /* v4.5 #1: hero fills the mobile viewport (vh fallback then svh). Content stays bottom-anchored
     (align-items:flex-end) with top padding so a tall stack clears the nav rather than clipping. */
  .lr-hero{min-height:100vh;min-height:100svh;}
  .lr-hero .inner{padding-top:108px;padding-bottom:48px;}
}
@media(max-width:760px){
  .lr-duo{grid-template-columns:1fr;gap:32px;}
  .lr-stats.lr-three,.lr-stats.lr-two{grid-template-columns:1fr;gap:30px;}
}
@media(max-width:680px){
  .lr-cols{grid-template-columns:1fr;gap:30px;}
  .lr-srow{grid-template-columns:40px 1fr;gap:14px;}
  .lr-srow .lr-cat,.lr-srow .lr-rd{display:none;}
}
@media(max-width:600px){
  .lr-lead,.lr-artcol p{font-size:1rem;}
  .lr-principle p{font-size:1.15rem;}
  .lr-def dd{font-size:1rem;}
}
@media(max-width:560px){
  .lr-btns{flex-direction:column;}
  .lr-final .btn-primary,.lr-final .btn-ghost{width:100%;box-sizing:border-box;text-align:center;}
}

/* ═══ v0.5.86 B2: /measuring-indoor-air-wrong/ (page 14624) re-skinned to the LIVE case-study idiom
   (mirrors the global .cs-* system: compact eyebrow+h1+byline masthead, centered ~760px reading
   measure, quiet .cs-body h2 cadence at 1.5rem/weight-300, tighter section rhythm). SCOPED to
   body.page-id-14624 ONLY, so the author page (14623) and the draft backup (14626) keep the base
   .lr-* rules unchanged. CSS-only; template markup + copy untouched. Theme tokens only, no raw hex.
   NOTE: the header stays DARK — the live .cs-head is a light --paper band that needs the light_hero
   PHP flag for nav legibility (a template change, out of scope); a light header via CSS alone would
   render the nav/logo invisible. So it's a compact DARK masthead + light-cadence body. ═══ */
body.page-id-14624 .lr-hero.lr-art{min-height:auto;}
body.page-id-14624 .lr-hero.lr-art .inner{max-width:760px;padding-top:150px;padding-bottom:40px;}
body.page-id-14624 .lr-sec{padding:56px 0;}
body.page-id-14624 .lr-sec .wrap{max-width:760px;}
body.page-id-14624 .lr-sec-head{margin-bottom:28px;}
body.page-id-14624 .lr-sec-head h2{font-size:1.5rem;font-weight:300;letter-spacing:-.02em;line-height:1.18;}
body.page-id-14624 .lr-artcol p,body.page-id-14624 .lr-lead p{margin-bottom:16px;}

/* ═══ v0.5.87 PART 2: converge /measuring-indoor-air-wrong/ (page 14624) from the case-study HYBRID to the
   PURE case-study idiom (reference: .cs-single/.cs-head/.cs-body/.cs-foot in style.css). All scoped to
   body.page-id-14624 so the author page (14623) is untouched; CSS-only, markup + copy frozen; theme tokens
   only, no raw hex. Supersedes a few v0.5.86 B2 values by source order (section padding, sec-head margin,
   body-prose size). DEVIATION (as in B2): the masthead stays DARK — the reference .cs-head is a light
   --paper band that needs the light_hero PHP flag for nav legibility (a template change, out of scope); a
   light header via CSS alone would make the fixed nav/logo invisible. Compact DARK masthead, pure cs body. ═══ */

/* single continuous paper reading column: flatten the alternating deep/night bands (the dominant "essay"
   tell) so every section sits on --paper like .cs-body. Every night-only colour is flipped back to its
   light-band token so text stays legible on paper. */
body.page-id-14624 .lr-sec{padding:40px 0;}
body.page-id-14624 .lr-sec.lr-deep{background:var(--paper);}
body.page-id-14624 .lr-sec.lr-night{background:var(--paper);color:var(--ink-soft);}
body.page-id-14624 .lr-night .lr-eyebrow{color:var(--accent);}
body.page-id-14624 .lr-night .lr-sec-head h2{color:var(--ink);}
body.page-id-14624 .lr-night .lr-sec-head h2 em{color:var(--accent);}
body.page-id-14624 .lr-night .lr-lead{color:var(--ink-soft);}
body.page-id-14624 .lr-night .lr-lead em{color:var(--accent);}
body.page-id-14624 .lr-night .lr-principle{border-left-color:var(--accent);}
body.page-id-14624 .lr-night .lr-principle p{color:var(--ink-soft);}
body.page-id-14624 .lr-night .lr-def{border-color:var(--line);}
body.page-id-14624 .lr-night .lr-def dt{color:var(--accent);}
body.page-id-14624 .lr-night .lr-def dd{color:var(--ink-soft);}
body.page-id-14624 .lr-night .lr-joiner{color:var(--ink-soft);}

/* masthead h1 -> the .cs-head h1 scale (was the big shared --hero-h1 at 15ch). White h1 text + gold <em>
   kept (inherited from the base .lr-hero rules) because the band is dark (see deviation). */
body.page-id-14624 .lr-hero.lr-art h1{font-size:clamp(2rem,4.4vw,2.9rem);line-height:1.18;max-width:none;}

/* section heads -> .cs-body h2 rhythm: 12px lead-out (was B2's 28px), full-column measure; eyebrow letter-
   spacing to the .cs-body h5/h6 label value. */
body.page-id-14624 .lr-sec-head{margin-bottom:12px;max-width:none;}
body.page-id-14624 .lr-eyebrow{letter-spacing:.14em;}

/* body prose -> .cs-body p scale (16px/1.7, single --ink-soft tone). Flattens the big Fraunces .lr-serif
   lede to a plain first paragraph and drops the darker .lr-ink tone so the column reads as one voice. */
body.page-id-14624 .lr-artcol p,body.page-id-14624 .lr-lead p{font-size:1rem;line-height:1.7;}
body.page-id-14624 .lr-artcol p.lr-ink{color:var(--ink-soft);}
body.page-id-14624 .lr-serif{font-family:'Archivo';font-style:normal;font-weight:300;font-size:1rem;line-height:1.7;color:var(--ink-soft);max-width:none;margin-bottom:16px;}

/* the two essay pull idioms (.lr-principle bar + bare .lr-joiner echo) -> ONE .cs-body blockquote:
   2px accent left-border, 22px indent, quiet Fraunces italic --ink-soft. */
body.page-id-14624 .lr-principle{border-left:2px solid var(--accent);padding:0 0 0 22px;margin:24px 0;max-width:none;}
body.page-id-14624 .lr-principle p{font-size:1.1rem;line-height:1.5;color:var(--ink-soft);}
body.page-id-14624 .lr-joiner{border-left:2px solid var(--accent);padding-left:22px;margin:24px 0;font-size:1.1rem;line-height:1.5;color:var(--ink-soft);max-width:none;text-align:left;}

/* sand/burns contrast pair -> plain .cs-body paragraphs (was accent italic). */
body.page-id-14624 .lr-compare{margin:0;max-width:none;}
body.page-id-14624 .lr-compare>div + div{margin-top:16px;}
body.page-id-14624 .lr-compare p{font-family:'Archivo';font-style:normal;font-size:1rem;line-height:1.7;color:var(--ink-soft);}

/* definition-list dd to body scale (dt already matches the .cs-body h5/h6 accent-label idiom). */
body.page-id-14624 .lr-def dd{font-size:1rem;line-height:1.7;}

/* close -> .cs-foot endnote + .back: quiet non-italic endnote, .back-a link typography. The back-links row
   keeps the single sane target /francois-larsen/ (no /case-studies/ or /the-lab/: the essay is neither, so
   those would be misleading/dead links). */
body.page-id-14624 .lr-close{max-width:none;margin-top:40px;}
body.page-id-14624 .lr-marks,body.page-id-14624 .lr-marks em{font-family:'Archivo';font-style:normal;font-weight:300;color:var(--ink-soft);}
body.page-id-14624 .lr-marks{font-size:.86rem;line-height:1.6;}
body.page-id-14624 .lr-back{font-size:.8rem;letter-spacing:.1em;}

/* ═══ v0.5.88: /measuring-indoor-air-wrong/ (14624) masthead converted DARK -> LIGHT case-study header
   (.cs-head/.byline idiom). Paired with $light_hero=true in the template (adds body.light-hero) so the
   un-scrolled nav renders dark-on-light (logo + links legible). Scoped to body.page-id-14624; the author
   page (14623) keeps its dark full-height .lr-hero. Theme tokens only, no raw hex.
   NOTE on mobile height: the base .lr-hero mobile rule (@860 -> min-height:100vh/svh) is already overridden
   for this page by the v0.5.86 B2 rule (body.page-id-14624 .lr-hero.lr-art{min-height:auto}, higher
   specificity), so the light masthead is content-height at every viewport — correct for a case-study head,
   nothing to change. ═══ */
body.page-id-14624 .lr-hero.lr-art{background:var(--paper);color:var(--ink-soft);border-bottom:1px solid var(--line);}
body.page-id-14624 .lr-hero.lr-art .lr-crumb{color:var(--accent);margin-bottom:18px;}
body.page-id-14624 .lr-hero.lr-art .lr-crumb a{color:var(--accent);}
body.page-id-14624 .lr-hero.lr-art .lr-crumb a:hover{color:var(--ink);}
body.page-id-14624 .lr-hero.lr-art h1{color:var(--ink);margin-bottom:18px;}
body.page-id-14624 .lr-hero.lr-art h1 em{color:var(--accent);}
/* the relocated lede (moved verbatim from section 1; still .lr-serif) styled as a quiet case-study lede,
   overriding the v0.5.87 body-prose flatten via higher specificity. */
body.page-id-14624 .lr-hero.lr-art .lr-serif{font-family:'Archivo';font-style:normal;font-weight:300;color:var(--ink-soft);font-size:1.12rem;line-height:1.6;max-width:60ch;margin:0;}

/* byline row = the style.css .cs-head .byline layout: 46px avatar + name line + muted position line below.
   Avatar holds the Franz portrait (webp/jpg, same asset as the author page); the "FL" initials show only
   if the image fails (onerror adds .img-fail, which hides the <picture> and reveals the fallback beneath). */
body.page-id-14624 .lr-cs-byline{display:flex;align-items:center;gap:14px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);}
body.page-id-14624 .lr-av{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,var(--night),var(--ink));}
body.page-id-14624 .lr-av .lr-av-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Fraunces';font-style:italic;font-size:1.1rem;color:var(--gold);}
body.page-id-14624 .lr-av picture,body.page-id-14624 .lr-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
body.page-id-14624 .lr-av.img-fail picture{display:none;}
body.page-id-14624 .lr-who b{font-weight:500;color:var(--ink);}
body.page-id-14624 .lr-who b a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);}
body.page-id-14624 .lr-who b a:hover{border-color:var(--accent);}
body.page-id-14624 .lr-who span{display:block;font-size:.82rem;color:var(--ink-soft);}

/* mobile: match the .cs-head 120px top-clearance (desktop 150px stays from the B2 .inner rule). */
@media(max-width:860px){body.page-id-14624 .lr-hero.lr-art .inner{padding-top:120px;}}

/* v0.5.90: hang the registered-mark ® as a small superscript (was rendering full-size on the baseline).
   All ® live inside .lr-sec (author h2 in .lr-sec-head, article §8 in .lr-lead, footer in .lr-marks).
   line-height:0 keeps the mark from inflating the heading's line box. */
.lr-sec sup{font-size:.5em;line-height:0;vertical-align:super;}