/* ==========================================================================
   Darja Rihla · Lifestyle & Culture post layer
   File: dr-post-lifestyle-culture.css
   Candidate 2026-10-05 for post 2813 (/the-modern-barbershop/).
   Status: NEEDS HUMAN REVIEW.

   Load: category-wide through the functions.php $cat_map entry
   'lifestyle-culture' => 'dr-post-lifestyle-culture' (after dr-post-base).
   Every article rule is scoped to .dr-post-lifestyle-culture (.lcp).
   Template rules are scoped with body:has(.lcp), so a future Lifestyle
   post that does not use this archetype keeps the default template.

   World: the Lifestyle & Culture field desk (Pass-01 World Law).
   Light: apricot paper by day. Dark: the same desk in sage dusk.
   Apricot #E0875C and sage #6FA3A0 are marks only, never text.
   Red ink is reserved for the margin annotation (Red beard).

   Ownership:
   - Theme state: global toggle (html[data-theme]); read only.
   - Slide-out table of contents and reading progress: global
     dr-single-post.js. Not duplicated here; the inline rail is hidden.
   - Field-note disclosure ([data-lcp-note]): dr-post-lifestyle-culture.js.
   - Motion: CSS only, off under prefers-reduced-motion.
   ========================================================================== */

/* 0. Template integration (only when the post carries this archetype) */

body:has(.lcp-hero) .dr-single-hero .wp-block-post-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

body:has(.lcp-hero) .dr-single-hero .wp-block-post-featured-image {
  display: none;
}

body:has(.lcp) .dr-single-shell {
  background: var(--lcp-canvas);
}

body:has(.lcp) .dr-single-hero-wrap {
  padding-block: 0.75rem 0;
  background: transparent;
  border: 0;
}

body:has(.lcp) .dr-single-hero-wrap::before,
body:has(.lcp) .dr-single-hero-wrap::after,
body:has(.lcp) .dr-single-shell::before,
body:has(.lcp) .dr-single-shell::after {
  display: none;
}

body:has(.lcp-hero) .dr-single-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
  width: min(100% - 2 * var(--lcp-gutter), 1320px);
  margin-inline: auto;
  padding: 0;
}

body:has(.lcp-hero) .dr-single-hero .dr-post-theme-toggle-wrap {
  order: 2;
}

body:has(.lcp) .dr-single-meta,
body:has(.lcp) .dr-single-meta a {
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
}

body:has(.lcp) .dr-post-rail {
  display: none;
}

body:has(.lcp) .dr-single-body-wrap,
body:has(.lcp) .dr-single-content-wrap {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  background: transparent;
}

body:has(.lcp) .dr-single-content-wrap {
  padding-block: 0;
}

/* RAQIB mobile containment (dr-single-post.css) clips at max-width 100%;
   the shell keeps overflow-x: clip, so the bands may bleed inside it. */
body:has(.lcp) .dr-single-shell .wp-block-post-content {
  overflow: visible;
  background: transparent;
}

body:has(.lcp) .dr-cursor-glow,
body:has(.lcp) .dr-grain {
  display: none;
}

/* 1. Tokens: the desk by day */

:where(.lcp, body:has(.lcp) .dr-single-shell, body:has(.lcp) .dr-single-hero-wrap) {
  /* Lifestyle registry values (dr-theme-tokens.css, data-dr-hub="lifestyle") */
  --lcp-mark: #E0875C;
  --lcp-sage: #6FA3A0;
  --lcp-lamp: #F0B48C;
  --lcp-umber: #5A2F1A;

  --lcp-canvas: #FDF3EC;
  --lcp-desk: #F3EEE6;
  --lcp-paper: #FFFDF8;
  --lcp-text: #2C2519;
  --lcp-strong: #17130D;
  --lcp-muted: #6D6253;
  --lcp-rule: rgba(90, 47, 26, 0.16);
  --lcp-rule-strong: rgba(90, 47, 26, 0.34);
  --lcp-action: #5A2F1A;
  --lcp-focus: #5A2F1A;
  --lcp-red: #A3301D;
  --lcp-red-wash: rgba(163, 48, 29, 0.06);
  --lcp-shadow: 0 1px 0 rgba(90, 47, 26, 0.06), 0 18px 36px -24px rgba(90, 47, 26, 0.45);

  /* evening bands used inside the light page */
  --lcp-band-ink: #241A12;
  --lcp-band-ink-text: #FBF3EA;
  --lcp-band-ink-muted: #D9C6B4;
  --lcp-band-dusk: #13201E;
  --lcp-band-dusk-text: #E9EEE8;
  --lcp-band-dusk-muted: #AFBDB6;

  /* drawing palette */
  --lcp-art: #5A2F1A;
  --lcp-svg-wall: #F4E5D8;
  --lcp-svg-desk: #F3EEE6;
  --lcp-svg-paper: #FFFDF8;
  --lcp-svg-frame: #FFFDF8;
  --lcp-svg-glass: #DDEBE7;
  --lcp-svg-street: #F8D9C3;
  --lcp-svg-counter: #E6D3BF;
  --lcp-svg-chair: #2F4A47;
  --lcp-svg-seam: #6FA3A0;
  --lcp-svg-metal: #C7C0B6;
  --lcp-svg-hair: #2C2519;
  --lcp-svg-interior: #3A2B20;
  --lcp-svg-cape: #6FA3A0;
  --lcp-svg-glassware: #F1F5F2;

  --lcp-display: "Syne", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --lcp-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lcp-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --lcp-arabic: "Noto Naskh Arabic", "Geeza Pro", "Segoe UI", Tahoma, serif;

  --lcp-gutter: clamp(1rem, 4vw, 3rem);
  --lcp-section: clamp(4.5rem, 9vw, 8.5rem);
  --lcp-measure: 66ch;
  --lcp-wide: 1180px;
}

/* 1b. The same desk in the evening */

html[data-theme="dark"] :where(.lcp, body:has(.lcp) .dr-single-shell, body:has(.lcp) .dr-single-hero-wrap) {
  --lcp-canvas: #101917;
  --lcp-desk: #13201E;
  --lcp-paper: #18241F;
  --lcp-text: #E9EEE8;
  --lcp-strong: #FBF8F2;
  --lcp-muted: #AFBDB6;
  --lcp-rule: rgba(111, 163, 160, 0.24);
  --lcp-rule-strong: rgba(111, 163, 160, 0.46);
  --lcp-action: #F0B48C;
  --lcp-focus: #F0B48C;
  --lcp-red: #FF9F8A;
  --lcp-red-wash: rgba(255, 159, 138, 0.07);
  --lcp-shadow: 0 1px 0 rgba(0, 0, 0, 0.35), 0 18px 36px -24px rgba(0, 0, 0, 0.85);

  --lcp-band-ink: #0A100F;
  --lcp-band-ink-text: #FBF8F2;
  --lcp-band-ink-muted: #C9D3CE;
  --lcp-band-dusk: #1D2A27;
  --lcp-band-dusk-text: #E9EEE8;
  --lcp-band-dusk-muted: #B8C6BF;

  --lcp-art: #F0B48C;
  --lcp-svg-wall: #1D2A27;
  --lcp-svg-desk: #172320;
  --lcp-svg-paper: #22312D;
  --lcp-svg-frame: #2A3B36;
  --lcp-svg-glass: #20302D;
  --lcp-svg-street: #4A3527;
  --lcp-svg-counter: #2C3B37;
  --lcp-svg-chair: #4E7470;
  --lcp-svg-seam: #9CC4C0;
  --lcp-svg-metal: #6F7C78;
  --lcp-svg-hair: #0B110F;
  --lcp-svg-interior: #0C1311;
  --lcp-svg-cape: #3F6662;
  --lcp-svg-glassware: #2F403C;
}

/* 1c. Global post rules (dr-post-base.css, dr-single-post.css) colour text
   through these tokens; point them at this world, also inside the bands. */

.wp-block-post-content .lcp.dr-post .lcp-interlude {
  --lcp-text: var(--lcp-band-ink-text);
  --lcp-strong: var(--lcp-band-ink-text);
  --lcp-muted: var(--lcp-band-ink-muted);
  --lcp-action: var(--lcp-lamp);
  --lcp-focus: var(--lcp-lamp);
  --lcp-rule: rgba(251, 243, 234, 0.2);
  --lcp-rule-strong: rgba(251, 243, 234, 0.36);
}

.wp-block-post-content .lcp.dr-post :is(.lcp-senses, .lcp-scene--cb) {
  --lcp-text: var(--lcp-band-dusk-text);
  --lcp-strong: var(--lcp-band-dusk-text);
  --lcp-muted: var(--lcp-band-dusk-muted);
  --lcp-action: var(--lcp-lamp);
  --lcp-focus: var(--lcp-lamp);
  --lcp-rule: rgba(233, 238, 232, 0.2);
  --lcp-rule-strong: rgba(233, 238, 232, 0.36);
}

.wp-block-post-content .lcp.dr-post,
.wp-block-post-content .lcp.dr-post :is(.lcp-interlude, .lcp-senses, .lcp-scene--cb) {
  --dr-text: var(--lcp-text);
  --dr-text-soft: var(--lcp-text);
  --dr-soft: var(--lcp-text);
  --dr-text-muted: var(--lcp-muted);
  --dr-heading: var(--lcp-strong);
  --dr-accent: var(--lcp-action);
  --dr-accent-2: var(--lcp-action);
  --dr-cyan: var(--lcp-action);
}

/* 2. Base */

.wp-block-post-content .lcp.dr-post {
  position: relative;
  color: var(--lcp-text);
  font-family: var(--lcp-sans);
  font-size: 1.0625rem;
  line-height: 1.7;
  padding-block-end: clamp(3rem, 6vw, 5rem);
}

.wp-block-post-content .lcp.dr-post *,
.wp-block-post-content .lcp.dr-post *::before,
.wp-block-post-content .lcp.dr-post *::after {
  box-sizing: border-box;
}

/* Global type layers style bare elements; hand typography back to this file. */
.wp-block-post-content .lcp.dr-post :where(p, ul, ol, li, h2, h3, figure, figcaption, blockquote, cite, dl, dd, dt) {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.wp-block-post-content .lcp.dr-post :where(ul, ol) {
  list-style: none;
}

.wp-block-post-content .lcp.dr-post :where(h2, h3) {
  border: 0;
}

.wp-block-post-content .lcp.dr-post :where(li)::marker {
  color: inherit;
}

.wp-block-post-content .lcp.dr-post :where(i, cite) {
  font-style: italic;
}

.wp-block-post-content .lcp.dr-post a {
  color: var(--lcp-action);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.wp-block-post-content .lcp.dr-post a:hover {
  text-decoration-thickness: 2px;
}

.wp-block-post-content .lcp.dr-post :focus-visible {
  outline: 2px solid var(--lcp-focus);
  outline-offset: 3px;
  border-radius: 2px;
}

.lcp-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.wp-block-post-content .lcp.dr-post .lcp-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* 3. Layout primitives */

.wp-block-post-content .lcp.dr-post .lcp-measure {
  width: min(100%, var(--lcp-measure));
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-measure-wide {
  width: min(100%, 860px);
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-wide {
  width: min(100%, var(--lcp-wide));
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}

.wp-block-post-content .lcp.dr-post .lcp-ch {
  overflow: visible;
}

/* 4. Chapters: neutralise the global section rail */

.wp-block-post-content .lcp.dr-post .lcp-ch {
  display: block;
  margin: var(--lcp-section) 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  scroll-margin-top: 120px;
}

.wp-block-post-content .lcp.dr-post .lcp-ch::before {
  content: none;
  display: none;
}

.wp-block-post-content .lcp.dr-post .lcp-ch.is-active {
  background: none;
}

.wp-block-post-content .lcp.dr-post .lcp-ch.lcp-bleed {
  margin-inline: calc(50% - 50vw);
}

.wp-block-post-content .lcp.dr-post .lcp-ch__head {
  margin-block-end: clamp(1.75rem, 3.5vw, 3rem);
}

.wp-block-post-content .lcp.dr-post .lcp-ch__scale {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-block-end: 1rem;
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-ch__scale::before {
  content: "";
  width: 2.5rem;
  border-top: 2px dotted var(--lcp-mark);
}

.wp-block-post-content .lcp.dr-post .lcp-ch h2 {
  margin: 0;
  scroll-margin-top: 120px;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(2rem, 1.35rem + 2.6vw, 3.5rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.wp-block-post-content .lcp.dr-post .lcp-num {
  display: block;
  margin-block-end: 0.5rem;
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.wp-block-post-content .lcp.dr-post .lcp-prose p {
  font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  line-height: 1.72;
}

.wp-block-post-content .lcp.dr-post .lcp-prose p + p {
  margin-block-start: 1.1em;
}

.wp-block-post-content .lcp.dr-post .lcp-prose + .lcp-prose,
.wp-block-post-content .lcp.dr-post .lcp-prose + figure,
.wp-block-post-content .lcp.dr-post figure + .lcp-prose,
.wp-block-post-content .lcp.dr-post .lcp-statement + .lcp-prose {
  margin-block-start: clamp(2rem, 4vw, 3.25rem);
}

/* 5. Plates (authored drawings on paper) */

.wp-block-post-content .lcp.dr-post .lcp-plate {
  margin-block: 0;
}

.wp-block-post-content .lcp.dr-post .lcp-plate > .lcp-svg {
  overflow: hidden;
}

.wp-block-post-content .lcp.dr-post .lcp-plate > .lcp-svg {
  border: 1px solid var(--lcp-rule-strong);
  border-radius: 4px;
  background: var(--lcp-paper);
  box-shadow: var(--lcp-shadow);
}

.wp-block-post-content .lcp.dr-post figcaption {
  text-align: start;
}

.wp-block-post-content .lcp.dr-post .lcp-plate figcaption {
  margin-block-start: 0.85rem;
  color: var(--lcp-muted);
  font-size: 0.875rem;
  line-height: 1.55;
}

.wp-block-post-content .lcp.dr-post .lcp-plate__no {
  margin-inline-end: 0.5rem;
  color: var(--lcp-text);
  font-family: var(--lcp-mono);
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* 6. Hero */

.wp-block-post-content .lcp.dr-post .lcp-hero {
  padding-block: clamp(1.5rem, 4vw, 3.5rem) clamp(2.5rem, 6vw, 5rem);
  border-block-end: 1px solid var(--lcp-rule);
}

.wp-block-post-content .lcp.dr-post .lcp-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
  gap: clamp(1.5rem, 4vw, 4.5rem);
  align-items: center;
  width: min(100% - 2 * var(--lcp-gutter), 1320px);
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-hero__copy {
  container-type: inline-size;
  min-width: 0;
}

.wp-block-post-content .lcp.dr-post .lcp-atlasmark {
  margin-block-end: clamp(1.5rem, 3vw, 2.5rem);
}

.wp-block-post-content .lcp.dr-post .lcp-atlasmark a {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  gap: 0.15rem;
  min-height: 44px;
  padding: 0.55rem 1rem 0.55rem 2.1rem;
  border: 1px solid var(--lcp-rule-strong);
  border-radius: 3px 14px 14px 3px;
  background: var(--lcp-paper);
  color: var(--lcp-text);
  font-family: var(--lcp-mono);
  text-decoration: none;
}

.wp-block-post-content .lcp.dr-post .lcp-atlasmark a::before {
  content: "";
  position: absolute;
  inset-inline-start: 0.8rem;
  top: 50%;
  width: 0.55rem;
  height: 0.55rem;
  margin-top: -0.275rem;
  border: 1.5px solid var(--lcp-mark);
  border-radius: 50%;
}

.wp-block-post-content .lcp.dr-post .lcp-atlasmark a:hover {
  border-color: var(--lcp-action);
}

.wp-block-post-content .lcp.dr-post .lcp-atlasmark__label {
  color: var(--lcp-muted);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-atlasmark__path {
  color: var(--lcp-action);
  font-size: 0.85rem;
  font-weight: 500;
}

.wp-block-post-content .lcp.dr-post .lcp-hero__title {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(2.5rem, 1rem + 6vw, 6.25rem);
  font-weight: 800;
  line-height: 0.88;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

@supports (font-size: 1cqi) {
  .wp-block-post-content .lcp.dr-post .lcp-hero__title {
    font-size: clamp(2.2rem, 12.4cqi, 7.25rem);
  }
}

.wp-block-post-content .lcp.dr-post .lcp-hero__title span {
  display: block;
}

.wp-block-post-content .lcp.dr-post .lcp-hero__title span:last-child {
  color: var(--lcp-action);
}

.wp-block-post-content .lcp.dr-post .lcp-hero__dek {
  margin-block-start: clamp(1.25rem, 2.5vw, 2rem);
  max-width: 24ch;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.3rem, 1rem + 1.1vw, 1.9rem);
  font-weight: 700;
  line-height: 1.15;
}

.wp-block-post-content .lcp.dr-post .lcp-hero__places {
  margin-block-start: 1rem;
  max-width: 38ch;
  color: var(--lcp-text);
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
  line-height: 1.55;
}

.wp-block-post-content .lcp.dr-post .lcp-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  margin-block-start: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-hero__meta span + span::before {
  content: "";
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  margin-inline-end: 1rem;
  border-radius: 50%;
  background: var(--lcp-mark);
  vertical-align: middle;
}

.wp-block-post-content .lcp.dr-post .lcp-hero__plate {
  min-width: 0;
}

/* 7. Lede */

.wp-block-post-content .lcp.dr-post .lcp-lede {
  margin-block-start: clamp(3rem, 6vw, 5rem);
  padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2.25rem);
  border: 1px solid var(--lcp-rule);
  border-inline-start: 3px solid var(--lcp-mark);
  border-radius: 3px;
  background: var(--lcp-paper);
}

.wp-block-post-content .lcp.dr-post .lcp-lede p + p {
  margin-block-start: 0.85em;
}

.wp-block-post-content .lcp.dr-post .lcp-lede__label {
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* dr-post-base.css paints every strong white (body.dr-family-post scope). */
body .wp-block-post-content .lcp.dr-post strong {
  color: var(--lcp-strong);
  font-weight: 700;
}

/* 8. I. Opening credits and close-ups */

.wp-block-post-content .lcp.dr-post .lcp-credits {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  margin-block: clamp(2.5rem, 6vw, 5.5rem);
  text-align: center;
}

.wp-block-post-content .lcp.dr-post .lcp-credits p {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.8rem, 1rem + 3.4vw, 4.25rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.wp-block-post-content .lcp.dr-post .lcp-credits p:last-child {
  color: var(--lcp-action);
}

.wp-block-post-content .lcp.dr-post .lcp-contact {
  margin-block-start: clamp(2.5rem, 5vw, 4rem);
}

.wp-block-post-content .lcp.dr-post .lcp-contact__strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.5rem, 1.5vw, 1rem);
}

.wp-block-post-content .lcp.dr-post .lcp-contact__strip li {
  display: grid;
  gap: 0.6rem;
}

.wp-block-post-content .lcp.dr-post .lcp-contact__strip .lcp-svg {
  border: 1px solid var(--lcp-rule-strong);
  border-radius: 3px;
  background: var(--lcp-paper);
}

.wp-block-post-content .lcp.dr-post .lcp-contact__strip span {
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-contact figcaption {
  margin-block-start: 1rem;
  color: var(--lcp-muted);
  font-size: 0.875rem;
}

/* 9. Statements */

.wp-block-post-content .lcp.dr-post .lcp-statement {
  max-width: 20ch;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.9rem, 1rem + 3.2vw, 4rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

.wp-block-post-content .lcp.dr-post .lcp-statement::after {
  content: "";
  display: block;
  width: 6rem;
  margin-block-start: clamp(1rem, 2vw, 1.5rem);
  border-top: 3px solid var(--lcp-mark);
}

.wp-block-post-content .lcp.dr-post .lcp-statement--s {
  max-width: 24ch;
  font-size: clamp(1.6rem, 1rem + 2.2vw, 3rem);
}

/* 10. The Global Barber Route */

.wp-block-post-content .lcp.dr-post .lcp-route {
  margin-block-start: clamp(3rem, 6vw, 5rem);
  padding-block: clamp(2.5rem, 5vw, 4rem);
  border-block: 1px solid var(--lcp-rule);
  background: var(--lcp-desk);
}

.wp-block-post-content .lcp.dr-post .lcp-route__inner {
  width: min(100% - 2 * var(--lcp-gutter), 1400px);
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-route__title {
  margin-block-end: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--lcp-muted);
  font-size: 0.95rem;
}

.wp-block-post-content .lcp.dr-post .lcp-route__title span {
  display: block;
  margin-block-end: 0.35rem;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.wp-block-post-content .lcp.dr-post .lcp-route__list {
  counter-reset: lcp-stop;
  columns: 2 300px;
  column-gap: 2.5rem;
}

.wp-block-post-content .lcp.dr-post .lcp-route__list li {
  counter-increment: lcp-stop;
  position: relative;
  display: grid;
  gap: 0.1rem;
  break-inside: avoid;
  padding: 0 0 1.4rem 1.75rem;
  border-inline-start: 2px dotted var(--lcp-sage);
}

.wp-block-post-content .lcp.dr-post .lcp-route__list li::before {
  content: "";
  position: absolute;
  inset-inline-start: -7px;
  top: 0.35rem;
  width: 12px;
  height: 12px;
  border: 2px solid var(--lcp-mark);
  border-radius: 50%;
  background: var(--lcp-desk);
}

.wp-block-post-content .lcp.dr-post .lcp-route__city {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.2;
}

.wp-block-post-content .lcp.dr-post .lcp-route__city::before {
  content: counter(lcp-stop, decimal-leading-zero);
  display: block;
  margin-block-end: 0.15rem;
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.14em;
}

.wp-block-post-content .lcp.dr-post .lcp-route__lens {
  color: var(--lcp-text);
  font-size: 0.92rem;
  line-height: 1.4;
}

.wp-block-post-content .lcp.dr-post .lcp-route__note {
  margin-block-start: 1.25rem;
  max-width: 62ch;
  color: var(--lcp-muted);
  font-size: 0.85rem;
}

@media (min-width: 1200px) {
  .wp-block-post-content .lcp.dr-post .lcp-route__list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0.75rem;
    columns: auto;
  }

  .wp-block-post-content .lcp.dr-post .lcp-route__list::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 6px;
    border-top: 2px dotted var(--lcp-sage);
  }

  .wp-block-post-content .lcp.dr-post .lcp-route__list li {
    padding: 2rem 0 0;
    border: 0;
  }

  .wp-block-post-content .lcp.dr-post .lcp-route__list li::before {
    inset-inline-start: 0;
    top: 0;
  }

  .wp-block-post-content .lcp.dr-post .lcp-route__lens {
    font-size: 0.85rem;
    hyphens: auto;
  }
}

/* 11. III. Regional scenes */

.wp-block-post-content .lcp.dr-post .lcp-scene {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  margin-block-start: clamp(3.5rem, 7vw, 6.5rem);
}

.wp-block-post-content .lcp.dr-post .lcp-scene--wa,
.wp-block-post-content .lcp.dr-post .lcp-scene--me,
.wp-block-post-content .lcp.dr-post .lcp-scene--ea {
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

.wp-block-post-content .lcp.dr-post .lcp-scene--me {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
}

.wp-block-post-content .lcp.dr-post .lcp-scene--cb,
.wp-block-post-content .lcp.dr-post .lcp-scene--la {
  grid-template-columns: minmax(0, 1fr);
}

.wp-block-post-content .lcp.dr-post .lcp-scene--cb {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding: clamp(2.5rem, 5vw, 4.5rem) max(var(--lcp-gutter), calc((100vw - var(--lcp-wide)) / 2));
  background: var(--lcp-band-dusk);
  color: var(--lcp-band-dusk-text);
}

.wp-block-post-content .lcp.dr-post .lcp-scene--cb .lcp-scene__region,
.wp-block-post-content .lcp.dr-post .lcp-scene--cb .lcp-scene__cities,
.wp-block-post-content .lcp.dr-post .lcp-scene--cb .lcp-lookfor__label,
.wp-block-post-content .lcp.dr-post .lcp-scene--cb figcaption,
.wp-block-post-content .lcp.dr-post .lcp-scene--cb .lcp-plate__no {
  color: var(--lcp-band-dusk-text);
}

.wp-block-post-content .lcp.dr-post .lcp-scene--cb .lcp-scene__cities,
.wp-block-post-content .lcp.dr-post .lcp-scene--cb figcaption {
  color: var(--lcp-band-dusk-muted);
}

.wp-block-post-content .lcp.dr-post .lcp-scene__text {
  min-width: 0;
}

.wp-block-post-content .lcp.dr-post .lcp-scene__text p + p {
  margin-block-start: 0.9em;
}

.wp-block-post-content .lcp.dr-post .lcp-scene__text--cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: clamp(1rem, 4vw, 4rem);
}

.wp-block-post-content .lcp.dr-post .lcp-scene__region {
  margin: 0;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.6rem, 1rem + 2vw, 2.6rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.015em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-scene__cities {
  margin-block: 0.6rem 1.25rem;
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
}

.wp-block-post-content .lcp.dr-post .lcp-scene__text .lcp-scene__cities + p {
  margin-block-start: 0;
}

.wp-block-post-content .lcp.dr-post .lcp-lookfor__label {
  margin-block-start: 1.5rem;
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-lookfor {
  display: grid;
  gap: 0.35rem;
  margin-block-start: 0.6rem;
}

.wp-block-post-content .lcp.dr-post .lcp-lookfor li {
  position: relative;
  padding-inline-start: 1.25rem;
  font-size: 0.97rem;
  line-height: 1.5;
}

.wp-block-post-content .lcp.dr-post .lcp-lookfor li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.55em;
  width: 0.5rem;
  height: 0.5rem;
  border: 1.5px solid var(--lcp-mark);
  border-radius: 1px;
  transform: rotate(45deg);
}

.wp-block-post-content .lcp.dr-post .lcp-scene--me .lcp-legend {
  display: grid;
  gap: 0.25rem;
  margin-block-start: 0.6rem;
  counter-reset: lcp-legend;
}

.wp-block-post-content .lcp.dr-post .lcp-legend li {
  counter-increment: lcp-legend;
  position: relative;
  padding-inline-start: 2rem;
  color: var(--lcp-text);
  font-size: 0.9rem;
}

.wp-block-post-content .lcp.dr-post .lcp-legend li::before {
  content: counter(lcp-legend);
  position: absolute;
  inset-inline-start: 0;
  top: 0.05em;
  display: grid;
  place-items: center;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: var(--lcp-umber);
  color: #FFFDF8;
  font-family: var(--lcp-mono);
  font-size: 0.72rem;
  font-weight: 500;
}

html[data-theme="dark"] .wp-block-post-content .lcp.dr-post .lcp-legend li::before {
  background: var(--lcp-lamp);
  color: #101917;
}

/* 12. IV. Interlude */

.wp-block-post-content .lcp.dr-post .lcp-interlude {
  padding-block: clamp(4rem, 9vw, 8rem);
  background: var(--lcp-band-ink);
  color: var(--lcp-band-ink-text);
  text-align: center;
}

.wp-block-post-content .lcp.dr-post .lcp-interlude__inner {
  width: min(100% - 2 * var(--lcp-gutter), 1180px);
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-interlude .lcp-num {
  color: var(--lcp-band-ink-muted);
}

.wp-block-post-content .lcp.dr-post .lcp-interlude h2 {
  max-width: 18ch;
  margin-inline: auto;
  color: var(--lcp-band-ink-text);
  font-size: clamp(2.2rem, 1rem + 4.4vw, 5rem);
  line-height: 0.98;
}

.wp-block-post-content .lcp.dr-post .lcp-interlude__words {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 1rem clamp(1.5rem, 5vw, 4rem);
  margin-block: clamp(2.5rem, 6vw, 5rem);
}

.wp-block-post-content .lcp.dr-post .lcp-interlude__words li {
  color: var(--lcp-lamp);
  font-family: var(--lcp-display);
  font-size: clamp(1.35rem, 1rem + 1.8vw, 2.6rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.wp-block-post-content .lcp.dr-post .lcp-interlude__words li:nth-child(even) {
  color: var(--lcp-band-ink-text);
  translate: 0 0.6em;
}

.wp-block-post-content .lcp.dr-post .lcp-interlude__coda {
  max-width: 44ch;
  margin-inline: auto;
  color: var(--lcp-band-ink-muted);
  font-size: 1.05rem;
}

/* 13. V. Diptych */

.wp-block-post-content .lcp.dr-post .lcp-diptych {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 0.7fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: center;
  margin-block-end: clamp(2.5rem, 5vw, 4rem);
}

.wp-block-post-content .lcp.dr-post .lcp-diptych__side .lcp-svg {
  border: 1px solid var(--lcp-rule-strong);
  border-radius: 4px;
  background: var(--lcp-paper);
  box-shadow: var(--lcp-shadow);
}

.wp-block-post-content .lcp.dr-post .lcp-diptych__label {
  margin-block-start: 0.75rem;
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-diptych__line {
  display: grid;
  gap: 1.6rem;
  justify-items: center;
  text-align: center;
}

.wp-block-post-content .lcp.dr-post .lcp-diptych__line li {
  position: relative;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.05rem, 0.9rem + 0.6vw, 1.35rem);
  font-weight: 700;
}

.wp-block-post-content .lcp.dr-post .lcp-diptych__line li + li::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.3rem);
  height: 1rem;
  border-inline-start: 2px dotted var(--lcp-mark);
}

/* 14. VI. The fade */

.wp-block-post-content .lcp.dr-post .lcp-fade {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(1.5rem, 4vw, 4.5rem);
  align-items: center;
}

.wp-block-post-content .lcp.dr-post .lcp-fade__plate {
  max-width: 460px;
}

.wp-block-post-content .lcp.dr-post .lcp-fade__thesis {
  margin-block-end: clamp(1.25rem, 2.5vw, 2rem);
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(2.1rem, 1rem + 3.6vw, 4.5rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-fade__thesis span {
  display: block;
}

.wp-block-post-content .lcp.dr-post .lcp-fade__thesis span + span {
  color: var(--lcp-action);
}

.wp-block-post-content .lcp.dr-post .lcp-fade__text p:not(.lcp-fade__thesis) {
  max-width: 58ch;
  font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
}

.wp-block-post-content .lcp.dr-post .lcp-fade__text p + p {
  margin-block-start: 1em;
}

.wp-block-post-content .lcp.dr-post .lcp-cityflow {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem 1.5rem;
  margin-block-start: clamp(2.5rem, 5vw, 4rem);
  padding-block: clamp(1.5rem, 3vw, 2.25rem);
  border-block: 1px solid var(--lcp-rule);
}

.wp-block-post-content .lcp.dr-post .lcp-cityflow li {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.25rem, 1rem + 1.2vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.wp-block-post-content .lcp.dr-post .lcp-cityflow li:nth-child(3n + 2) {
  color: var(--lcp-muted);
  font-size: clamp(1rem, 0.9rem + 0.6vw, 1.5rem);
}

.wp-block-post-content .lcp.dr-post .lcp-cityflow li:nth-child(3n) {
  color: var(--lcp-action);
}

/* 15. VII. The beard and the margin annotation */

.wp-block-post-content .lcp.dr-post .lcp-margin {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 3rem);
}

.wp-block-post-content .lcp.dr-post .lcp-margin__main {
  width: min(100%, var(--lcp-measure));
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-annot {
  width: min(100%, var(--lcp-measure));
  margin-inline: auto;
  padding: 1.1rem 1.25rem 1.25rem;
  border-inline-start: 3px solid var(--lcp-red);
  background: var(--lcp-red-wash);
  font-size: 0.95rem;
  line-height: 1.6;
}

.wp-block-post-content .lcp.dr-post .lcp-annot__label {
  color: var(--lcp-red);
  font-family: var(--lcp-mono);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-annot__figure {
  display: flex;
  align-items: end;
  gap: 0.75rem;
  margin-block: 0.75rem;
}

.wp-block-post-content .lcp.dr-post .lcp-annot__mark {
  flex: 0 0 auto;
  width: 84px;
  border: 1px solid var(--lcp-red);
  background: var(--lcp-paper);
}

.wp-block-post-content .lcp.dr-post .lcp-annot__markcap {
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-annot__text {
  color: var(--lcp-text);
}

.wp-block-post-content .lcp.dr-post .lcp-annot__coda {
  margin-block-start: 0.6rem;
  color: var(--lcp-muted);
  font-size: 0.85rem;
  font-style: italic;
}

.wp-block-post-content .lcp.dr-post .lcp-annot__body {
  margin-block-start: 0.9rem;
  padding-block-start: 0.9rem;
  border-block-start: 1px dotted var(--lcp-red);
  font-size: 0.9rem;
}

.wp-block-post-content .lcp.dr-post .lcp-annot__body p + p {
  margin-block-start: 0.75em;
}

.wp-block-post-content .lcp.dr-post .lcp-annot__open {
  color: var(--lcp-muted);
}

.wp-block-post-content .lcp.dr-post .lcp-annot__next cite {
  color: var(--lcp-strong);
}

.wp-block-post-content .lcp.dr-post .lcp-note__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  margin-block-start: 0.85rem;
  padding: 0.5rem 0.9rem;
  border: 1px solid var(--lcp-red);
  border-radius: 999px;
  background: transparent;
  color: var(--lcp-red);
  font-family: var(--lcp-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
}

.wp-block-post-content .lcp.dr-post .lcp-note__toggle::after {
  content: "+";
  font-size: 1rem;
  line-height: 1;
}

.wp-block-post-content .lcp.dr-post .lcp-note__toggle[aria-expanded="true"]::after {
  content: "\2212";
}

.wp-block-post-content .lcp.dr-post .lcp-note__toggle:hover {
  background: var(--lcp-red-wash);
}

.wp-block-post-content .lcp.dr-post .lcp-note__toggle:focus-visible {
  outline-color: var(--lcp-red);
}

@media (min-width: 1100px) {
  .wp-block-post-content .lcp.dr-post .lcp-margin {
    grid-template-columns: minmax(0, var(--lcp-measure)) 300px;
    justify-content: center;
    align-items: start;
    gap: 3.5rem;
  }

  .wp-block-post-content .lcp.dr-post .lcp-margin__main,
  .wp-block-post-content .lcp.dr-post .lcp-annot {
    width: auto;
    margin-inline: 0;
  }

  .wp-block-post-content .lcp.dr-post .lcp-annot {
    position: sticky;
    top: 7rem;
    margin-block-start: 0.4rem;
  }
}

/* 16. VIII. The spread */

.wp-block-post-content .lcp.dr-post .lcp-spread {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-block-end: clamp(2.5rem, 5vw, 4rem);
  border: 1px solid var(--lcp-rule-strong);
  border-radius: 4px;
  background: var(--lcp-paper);
  box-shadow: var(--lcp-shadow);
}

.wp-block-post-content .lcp.dr-post .lcp-spread__page {
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.wp-block-post-content .lcp.dr-post .lcp-spread__page + .lcp-spread__page {
  border-inline-start: 1px solid var(--lcp-rule-strong);
}

.wp-block-post-content .lcp.dr-post .lcp-spread__label {
  margin-block-end: clamp(1.25rem, 3vw, 2rem);
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-spread__page--fast ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.9rem;
}

.wp-block-post-content .lcp.dr-post .lcp-spread__page--fast li {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.3rem, 1rem + 1.4vw, 2.2rem);
  font-weight: 800;
  font-style: italic;
  letter-spacing: -0.02em;
}

.wp-block-post-content .lcp.dr-post .lcp-spread__page--fast li:not(:last-child)::after {
  content: "\2192";
  margin-inline-start: 0.9rem;
  color: var(--lcp-mark);
  font-style: normal;
}

.wp-block-post-content .lcp.dr-post .lcp-spread__page--slow ul {
  display: grid;
  gap: 0.9rem;
}

.wp-block-post-content .lcp.dr-post .lcp-spread__page--slow li {
  color: var(--lcp-text);
  font-family: var(--lcp-display);
  font-size: clamp(1.15rem, 1rem + 0.8vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* 17. IX. Quiet chapter and pull quote */

.wp-block-post-content .lcp.dr-post .lcp-quiet__plate {
  margin-block-end: clamp(2.5rem, 5vw, 4rem);
}

.wp-block-post-content .lcp.dr-post blockquote.lcp-pull {
  margin-block: clamp(3rem, 7vw, 6rem);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-style: normal;
  text-align: center;
}

.wp-block-post-content .lcp.dr-post blockquote.lcp-pull p {
  font-style: normal;
  max-width: 16ch;
  margin-inline: auto;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(2.1rem, 1rem + 4.4vw, 4.75rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

.wp-block-post-content .lcp.dr-post blockquote.lcp-pull::before,
.wp-block-post-content .lcp.dr-post blockquote.lcp-pull::after {
  content: "";
  display: block;
  width: 4rem;
  margin: 0 auto 1.5rem;
  border-top: 3px solid var(--lcp-mark);
}

.wp-block-post-content .lcp.dr-post blockquote.lcp-pull::after {
  margin: 1.5rem auto 0;
}

/* 18. X. Social room */

.wp-block-post-content .lcp.dr-post .lcp-room__plate {
  margin-block: clamp(2rem, 4vw, 3rem);
}

/* 19. XI. Stamps */

.wp-block-post-content .lcp.dr-post .lcp-stamps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.1rem 2.1rem;
  margin-block-end: clamp(2.5rem, 5vw, 4rem);
  counter-reset: lcp-stamp;
}

.wp-block-post-content .lcp.dr-post .lcp-stamps li {
  counter-increment: lcp-stamp;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 44px;
  padding: 0.45rem 0.95rem;
  border: 2px solid var(--lcp-action);
  border-radius: 6px;
  color: var(--lcp-action);
  font-family: var(--lcp-mono);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-stamps li::before {
  content: counter(lcp-stamp, decimal-leading-zero);
  padding-inline-end: 0.7rem;
  border-inline-end: 1px solid var(--lcp-rule-strong);
  color: var(--lcp-muted);
  font-size: 0.7rem;
}

.wp-block-post-content .lcp.dr-post .lcp-stamps li:nth-child(odd) {
  rotate: -1.5deg;
}

.wp-block-post-content .lcp.dr-post .lcp-stamps li:nth-child(even) {
  rotate: 1.2deg;
}

.wp-block-post-content .lcp.dr-post .lcp-stamps li:not(:last-child)::after {
  content: "\2192";
  position: absolute;
  inset-inline-end: -1.55rem;
  top: 50%;
  translate: 0 -50%;
  color: var(--lcp-mark);
  font-size: 1.1rem;
  letter-spacing: 0;
}

/* 20. XII. Scent and sound */

.wp-block-post-content .lcp.dr-post .lcp-senses {
  padding-block: clamp(4rem, 9vw, 8rem);
  background: var(--lcp-band-dusk);
  color: var(--lcp-band-dusk-text);
}

.wp-block-post-content .lcp.dr-post .lcp-senses__inner {
  width: min(100% - 2 * var(--lcp-gutter), 1180px);
  margin-inline: auto;
}

.wp-block-post-content .lcp.dr-post .lcp-senses .lcp-ch__scale,
.wp-block-post-content .lcp.dr-post .lcp-senses .lcp-num {
  color: var(--lcp-band-dusk-muted);
}

.wp-block-post-content .lcp.dr-post .lcp-senses h2 {
  color: var(--lcp-band-dusk-text);
}

.wp-block-post-content .lcp.dr-post .lcp-senses__q {
  margin-block: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--lcp-lamp);
  font-family: var(--lcp-display);
  font-size: clamp(1.4rem, 1rem + 1.6vw, 2.4rem);
  font-weight: 700;
}

.wp-block-post-content .lcp.dr-post .lcp-senses__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 5vw, 5rem);
}

.wp-block-post-content .lcp.dr-post .lcp-senses__label {
  margin-block-end: 1rem;
  padding-block-end: 0.6rem;
  border-block-end: 1px solid rgba(233, 238, 232, 0.24);
  color: var(--lcp-band-dusk-muted);
  font-family: var(--lcp-mono);
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-senses__list {
  display: grid;
  gap: 0.35rem;
}

.wp-block-post-content .lcp.dr-post .lcp-senses__list li {
  font-family: var(--lcp-display);
  font-size: clamp(1.2rem, 1rem + 1vw, 1.9rem);
  font-weight: 700;
  line-height: 1.2;
}

.wp-block-post-content .lcp.dr-post .lcp-senses__cols > div:last-child .lcp-senses__list li {
  font-style: italic;
  font-weight: 700;
  color: var(--lcp-lamp);
}

.wp-block-post-content .lcp.dr-post .lcp-senses__line {
  margin-block-start: clamp(3rem, 7vw, 6rem);
  font-family: var(--lcp-display);
  font-size: clamp(1.8rem, 1rem + 3.4vw, 4rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.02em;
}

.wp-block-post-content .lcp.dr-post .lcp-senses__line span {
  display: block;
}

.wp-block-post-content .lcp.dr-post .lcp-senses__line span:last-child {
  color: var(--lcp-lamp);
  font-size: 1.5em;
}

.wp-block-post-content .lcp.dr-post .lcp-senses__coda {
  max-width: 52ch;
  margin-block-start: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--lcp-band-dusk-muted);
}

/* 21. XIII. The shop window */

.wp-block-post-content .lcp.dr-post .lcp-window {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.55fr);
  gap: clamp(1.5rem, 3.5vw, 3.5rem);
  align-items: start;
  margin-block-start: clamp(2rem, 4vw, 3rem);
}

.wp-block-post-content .lcp.dr-post .lcp-window__list {
  display: grid;
  gap: 0.9rem;
  counter-reset: lcp-win;
}

.wp-block-post-content .lcp.dr-post .lcp-window__list li {
  counter-increment: lcp-win;
  position: relative;
  padding-inline-start: 2.6rem;
  font-size: 0.97rem;
  line-height: 1.5;
}

.wp-block-post-content .lcp.dr-post .lcp-window__list li::before {
  content: counter(lcp-win);
  position: absolute;
  inset-inline-start: 0;
  top: -0.05rem;
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: var(--lcp-umber);
  color: #FFFDF8;
  font-family: var(--lcp-mono);
  font-size: 0.8rem;
  font-weight: 500;
}

html[data-theme="dark"] .wp-block-post-content .lcp.dr-post .lcp-window__list li::before {
  background: var(--lcp-lamp);
  color: #101917;
}

.wp-block-post-content .lcp.dr-post .lcp-window:has(li[data-pin="1"]:hover) .lcp-pin-g--1 .lcp-pin,
.wp-block-post-content .lcp.dr-post .lcp-window:has(li[data-pin="2"]:hover) .lcp-pin-g--2 .lcp-pin,
.wp-block-post-content .lcp.dr-post .lcp-window:has(li[data-pin="3"]:hover) .lcp-pin-g--3 .lcp-pin,
.wp-block-post-content .lcp.dr-post .lcp-window:has(li[data-pin="4"]:hover) .lcp-pin-g--4 .lcp-pin,
.wp-block-post-content .lcp.dr-post .lcp-window:has(li[data-pin="5"]:hover) .lcp-pin-g--5 .lcp-pin,
.wp-block-post-content .lcp.dr-post .lcp-window:has(li[data-pin="6"]:hover) .lcp-pin-g--6 .lcp-pin,
.wp-block-post-content .lcp.dr-post .lcp-window:has(li[data-pin="7"]:hover) .lcp-pin-g--7 .lcp-pin {
  fill: var(--lcp-red);
  r: 19;
}

/* 22. XIV. Orbit and finale */

.wp-block-post-content .lcp.dr-post .lcp-orbit {
  position: relative;
  display: grid;
  justify-items: center;
  margin-block: clamp(2.5rem, 6vw, 5rem);
  padding-block: clamp(1rem, 4vw, 3rem);
}

.wp-block-post-content .lcp.dr-post .lcp-orbit__chair {
  width: min(56%, 300px);
}

.wp-block-post-content .lcp.dr-post .lcp-orbit__words ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.25rem;
  margin-block-start: 1.75rem;
}

.wp-block-post-content .lcp.dr-post .lcp-orbit__words li {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.05rem, 0.9rem + 0.8vw, 1.6rem);
  font-weight: 700;
}

.wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(odd) {
  color: var(--lcp-action);
}

@media (min-width: 1024px) {
  .wp-block-post-content .lcp.dr-post .lcp-orbit {
    min-height: 560px;
    align-content: center;
  }

  .wp-block-post-content .lcp.dr-post .lcp-orbit::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(88%, 820px);
    aspect-ratio: 1.9;
    border: 2px dotted var(--lcp-sage);
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }

  .wp-block-post-content .lcp.dr-post .lcp-orbit__words ul {
    position: absolute;
    inset: 0;
    display: block;
    margin: 0;
  }

  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li {
    position: absolute;
    padding: 0.15rem 0.5rem;
    background: var(--lcp-canvas);
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }

  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(1) { left: 50%; top: 6%; }
  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(2) { left: 82%; top: 18%; }
  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(3) { left: 92%; top: 50%; }
  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(4) { left: 82%; top: 82%; }
  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(5) { left: 50%; top: 94%; }
  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(6) { left: 18%; top: 82%; }
  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(7) { left: 8%; top: 50%; }
  .wp-block-post-content .lcp.dr-post .lcp-orbit__words li:nth-child(8) { left: 18%; top: 18%; }
}

.wp-block-post-content .lcp.dr-post .lcp-finale {
  width: min(100%, 860px);
  margin: clamp(3rem, 7vw, 6rem) auto 0;
  text-align: center;
}

.wp-block-post-content .lcp.dr-post .lcp-finale__q {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(2.6rem, 1rem + 6.4vw, 6.5rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

.wp-block-post-content .lcp.dr-post .lcp-finale__qs {
  display: grid;
  gap: 0.5rem;
  margin-block: clamp(2rem, 4vw, 3rem);
}

.wp-block-post-content .lcp.dr-post .lcp-finale__qs li {
  color: var(--lcp-text);
  font-size: clamp(1.05rem, 0.98rem + 0.4vw, 1.3rem);
}

.wp-block-post-content .lcp.dr-post .lcp-finale__end {
  color: var(--lcp-action);
  font-family: var(--lcp-display);
  font-size: clamp(1.25rem, 1rem + 1vw, 1.9rem);
  font-weight: 700;
}

.wp-block-post-content .lcp.dr-post .lcp-finale__end::before {
  content: "";
  display: block;
  width: 3rem;
  margin: 0 auto 1.25rem;
  border-top: 3px solid var(--lcp-mark);
}

/* 23. Continue the journey */

.wp-block-post-content .lcp.dr-post .lcp-journey {
  margin-block-start: var(--lcp-section);
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--lcp-rule-strong);
  border-radius: 4px;
  background: var(--lcp-desk);
}

.wp-block-post-content .lcp.dr-post .lcp-journey__kicker {
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-journey__title {
  margin: 0.4rem 0 0.75rem;
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.6rem, 1rem + 2vw, 2.6rem);
  font-weight: 800;
  line-height: 1.05;
}

.wp-block-post-content .lcp.dr-post .lcp-journey__note {
  margin-block-end: 1.5rem;
  color: var(--lcp-muted);
  font-size: 0.9rem;
}

.wp-block-post-content .lcp.dr-post .lcp-journey__list {
  counter-reset: lcp-next;
}

.wp-block-post-content .lcp.dr-post .lcp-journey__list li {
  counter-increment: lcp-next;
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto auto;
  gap: 0.75rem 1.25rem;
  align-items: baseline;
  padding-block: 0.85rem;
  border-block-start: 1px dotted var(--lcp-rule-strong);
}

.wp-block-post-content .lcp.dr-post .lcp-journey__list li::before {
  content: counter(lcp-next, decimal-leading-zero);
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.75rem;
}

.wp-block-post-content .lcp.dr-post .lcp-journey__name {
  color: var(--lcp-strong);
  font-family: var(--lcp-display);
  font-size: clamp(1.02rem, 0.95rem + 0.4vw, 1.25rem);
  font-weight: 700;
}

.wp-block-post-content .lcp.dr-post .lcp-journey__hub {
  color: var(--lcp-muted);
  font-size: 0.85rem;
}

.wp-block-post-content .lcp.dr-post .lcp-status {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border: 1px solid var(--lcp-rule-strong);
  border-radius: 999px;
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.68rem;
  font-style: normal;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* 24. Read elsewhere, method, sources, footer */

.wp-block-post-content .lcp.dr-post .lcp-elsewhere {
  margin-block-start: clamp(2.5rem, 5vw, 4rem);
  display: grid;
  grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
  gap: 1rem 2rem;
}

.wp-block-post-content .lcp.dr-post .lcp-elsewhere__label,
.wp-block-post-content .lcp.dr-post .lcp-method__label,
.wp-block-post-content .lcp.dr-post .lcp-sources__label {
  color: var(--lcp-muted);
  font-family: var(--lcp-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.wp-block-post-content .lcp.dr-post .lcp-elsewhere ul {
  display: grid;
  gap: 0.5rem;
}

.wp-block-post-content .lcp.dr-post .lcp-elsewhere li {
  font-size: 0.97rem;
}

.wp-block-post-content .lcp.dr-post .lcp-method {
  margin-block-start: clamp(2.5rem, 5vw, 4rem);
  padding-block-start: 1.25rem;
  border-block-start: 1px solid var(--lcp-rule);
  font-size: 0.92rem;
  color: var(--lcp-text);
}

.wp-block-post-content .lcp.dr-post .lcp-method__label {
  margin-block-end: 0.5rem;
}

.wp-block-post-content .lcp.dr-post .lcp-sources {
  max-width: var(--lcp-measure);
  margin-block: 2rem 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.wp-block-post-content .lcp.dr-post .lcp-sources ol {
  display: grid;
  gap: 0.6rem;
  margin-block-start: 0.75rem;
  padding-inline-start: 1.5rem;
  list-style: decimal;
  color: var(--lcp-muted);
  font-size: 0.85rem;
  line-height: 1.55;
}

.wp-block-post-content .lcp.dr-post .lcp-sources li {
  color: var(--lcp-text);
  overflow-wrap: anywhere;
}

.wp-block-post-content .lcp.dr-post .lcp-footer {
  background: none;
  box-shadow: none;
  margin-block-start: clamp(2.5rem, 5vw, 4rem);
  padding-block-start: 1.5rem;
  border-block-start: 1px solid var(--lcp-rule-strong);
}

.wp-block-post-content .lcp.dr-post .lcp-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 2rem;
}

.wp-block-post-content .lcp.dr-post .lcp-footer a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--lcp-mono);
  font-size: 0.85rem;
}

/* 25. Drawing vocabulary */

.wp-block-post-content .lcp.dr-post .lcp-svg [class*="lcp-s-"]:not([class*="lcp-f-"]) { fill: none; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-none { fill: none; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-ink { stroke: var(--lcp-art); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-sage { stroke: var(--lcp-sage); stroke-width: 1.4; stroke-linecap: round; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-mark { stroke: var(--lcp-mark); stroke-width: 2; stroke-linecap: round; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-red { stroke: var(--lcp-red); stroke-width: 1.6; stroke-linecap: round; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-seam { stroke: var(--lcp-svg-seam); stroke-linecap: round; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-glint { stroke: #FFFFFF; stroke-width: 3; stroke-linecap: round; opacity: 0.7; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-paper { stroke: var(--lcp-svg-paper); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-wall-line { stroke: var(--lcp-svg-wall); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-w-thin { stroke-width: 1; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-w-ring { stroke-width: 9; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-dash { stroke-dasharray: 4 5; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-o-80 { opacity: 0.8; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-o-60 { opacity: 0.6; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-o-40 { opacity: 0.4; }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-o-20 { opacity: 0.2; }

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-wall { fill: var(--lcp-svg-wall); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-desk { fill: var(--lcp-svg-desk); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-paper { fill: var(--lcp-svg-paper); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-frame { fill: var(--lcp-svg-frame); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-glass { fill: var(--lcp-svg-glass); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-street { fill: var(--lcp-svg-street); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-counter { fill: var(--lcp-svg-counter); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-chair { fill: var(--lcp-svg-chair); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-metal { fill: var(--lcp-svg-metal); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-hair { fill: var(--lcp-svg-hair); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-interior { fill: var(--lcp-svg-interior); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-cape { fill: var(--lcp-svg-cape); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-glassware { fill: var(--lcp-svg-glassware); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-ink { fill: var(--lcp-art); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-tea { fill: var(--lcp-mark); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-mark { fill: var(--lcp-mark); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-sage { fill: var(--lcp-sage); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-hatch { fill: url(#lcp-hatch); }
.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-f-hatchx { fill: url(#lcp-hatch-x); }

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-svg-type {
  fill: var(--lcp-art);
  font-family: var(--lcp-display);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-svg-type--mono {
  font-family: var(--lcp-mono);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.12em;
}

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-svg-type--s {
  font-size: 12px;
  letter-spacing: 0.08em;
}

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-svg-type--ar {
  font-family: var(--lcp-arabic);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0;
}

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-svg-type--display {
  font-size: 36px;
  letter-spacing: 0.03em;
}

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-pin {
  fill: var(--lcp-umber);
  stroke: var(--lcp-svg-paper);
  stroke-width: 2.5;
  transition: fill 140ms ease, r 140ms ease;
}

.wp-block-post-content .lcp.dr-post .lcp-svg .lcp-pin__n {
  fill: #FFFDF8;
  font-family: var(--lcp-mono);
  font-size: 15px;
  font-weight: 500;
}

html[data-theme="dark"] .wp-block-post-content .lcp.dr-post .lcp-svg .lcp-pin {
  fill: var(--lcp-lamp);
}

html[data-theme="dark"] .wp-block-post-content .lcp.dr-post .lcp-svg .lcp-pin__n {
  fill: #101917;
}

html[data-theme="dark"] .wp-block-post-content .lcp.dr-post .lcp-svg .lcp-s-glint {
  opacity: 0.18;
}

/* 26. Responsive */

@media (max-width: 1099px) {
  .wp-block-post-content .lcp.dr-post .lcp-scene,
  .wp-block-post-content .lcp.dr-post .lcp-scene--wa,
  .wp-block-post-content .lcp.dr-post .lcp-scene--me,
  .wp-block-post-content .lcp.dr-post .lcp-scene--ea {
    grid-template-columns: minmax(0, 1fr);
  }

  .wp-block-post-content .lcp.dr-post .lcp-scene--wa .lcp-scene__plate,
  .wp-block-post-content .lcp.dr-post .lcp-scene--me .lcp-scene__plate,
  .wp-block-post-content .lcp.dr-post .lcp-scene--ea .lcp-scene__plate {
    order: -1;
  }

  .wp-block-post-content .lcp.dr-post .lcp-scene__plate {
    max-width: 720px;
  }

  .wp-block-post-content .lcp.dr-post .lcp-scene--me .lcp-scene__plate {
    max-width: 460px;
  }

  .wp-block-post-content .lcp.dr-post .lcp-scene__text {
    max-width: var(--lcp-measure);
  }

  .wp-block-post-content .lcp.dr-post .lcp-scene__text--cols {
    grid-template-columns: minmax(0, 1fr);
  }

  .wp-block-post-content .lcp.dr-post .lcp-window {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 899px) {
  .wp-block-post-content .lcp.dr-post .lcp-hero__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .wp-block-post-content .lcp.dr-post .lcp-hero__copy {
    display: contents;
  }

  .wp-block-post-content .lcp.dr-post .lcp-atlasmark { order: 1; }
  .wp-block-post-content .lcp.dr-post .lcp-hero__title { order: 2; container-type: normal; }
  .wp-block-post-content .lcp.dr-post .lcp-hero__plate { order: 3; margin-block: 1.75rem 0.5rem; }
  .wp-block-post-content .lcp.dr-post .lcp-hero__dek { order: 4; }
  .wp-block-post-content .lcp.dr-post .lcp-hero__places { order: 5; }
  .wp-block-post-content .lcp.dr-post .lcp-hero__meta { order: 6; }

  .wp-block-post-content .lcp.dr-post .lcp-hero__title {
    font-size: clamp(2.2rem, 11.4vw, 5.5rem);
  }

  .wp-block-post-content .lcp.dr-post .lcp-diptych {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .wp-block-post-content .lcp.dr-post .lcp-diptych__line {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 0.75rem;
  }

  .wp-block-post-content .lcp.dr-post .lcp-diptych__line li + li::before {
    content: "\2192";
    position: static;
    height: auto;
    margin-inline-end: 0.75rem;
    border: 0;
    color: var(--lcp-mark);
  }

  .wp-block-post-content .lcp.dr-post .lcp-fade {
    grid-template-columns: minmax(0, 1fr);
  }

  .wp-block-post-content .lcp.dr-post .lcp-fade__plate {
    max-width: 380px;
    margin-inline: auto;
  }

  .wp-block-post-content .lcp.dr-post .lcp-elsewhere {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 699px) {
  .wp-block-post-content .lcp.dr-post .lcp-contact__strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wp-block-post-content .lcp.dr-post .lcp-spread {
    grid-template-columns: minmax(0, 1fr);
  }

  .wp-block-post-content .lcp.dr-post .lcp-spread__page + .lcp-spread__page {
    border-inline-start: 0;
    border-block-start: 1px solid var(--lcp-rule-strong);
  }

  .wp-block-post-content .lcp.dr-post .lcp-senses__cols {
    grid-template-columns: minmax(0, 1fr);
  }

  .wp-block-post-content .lcp.dr-post .lcp-journey__list li {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
  }

  .wp-block-post-content .lcp.dr-post .lcp-journey__name {
    grid-column: 2 / -1;
  }

  .wp-block-post-content .lcp.dr-post .lcp-journey__hub {
    grid-column: 2;
  }

  .wp-block-post-content .lcp.dr-post .lcp-journey__list .lcp-status {
    grid-column: 3;
    justify-self: end;
  }
}

/* 27. Motion: CSS only, one idea per scene */

@media (prefers-reduced-motion: no-preference) {
  .wp-block-post-content .lcp.dr-post .lcp-hero__plate {
    animation: lcp-settle 900ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
  }

  @supports (animation-timeline: view()) {
    .wp-block-post-content .lcp.dr-post .lcp-credits p,
    .wp-block-post-content .lcp.dr-post .lcp-interlude__words li,
    .wp-block-post-content .lcp.dr-post .lcp-senses__line span {
      animation: lcp-rise linear both;
      animation-timeline: view();
      animation-range: entry 5% cover 28%;
    }
  }
}

@keyframes lcp-settle {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}

@keyframes lcp-rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

/* 28. Forced colours */

@media (forced-colors: active) {
  .wp-block-post-content .lcp.dr-post .lcp-svg [class*="lcp-s-"] { stroke: CanvasText; }
  .wp-block-post-content .lcp.dr-post .lcp-annot { border-inline-start-color: CanvasText; }
  .wp-block-post-content .lcp.dr-post .lcp-note__toggle { border-color: ButtonText; color: ButtonText; }
}