*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }

    :root {
      /* Brand palette */
      --navy-deep:   #0A161C;
      --navy:        #10232D;
      --navy-mid:    #314955;
      --navy-muted:  #49616E;
      --mint:        #68E3BE;
      --mint-rgb:    104, 227, 190;   /* same as --mint, used for rgba() tints */
      --mint-dark:   #2b9e80;
      --gold:        #EDD086;         /* bright gold — dark surfaces only (fails contrast on light) */
      --gold-deep:   #CEB06E;         /* gold for text on light surfaces */
      --sand:        #E5E3DF;
      --off-white:   #F5F8FA;
      --white:       #FFFFFF;
      --rule-light:  #D4D9DC;

      /* Type */
      --display: 'Syncopate', 'Arial Black', sans-serif;
      --body:    'Space Grotesk', 'Trebuchet MS', sans-serif;

      /* Layout */
      --max:  820px;
      --pad:  clamp(28px, 6vw, 60px);
      --read: 60ch;
    }

    body {
      font-family: var(--body);
      background: var(--navy-deep);
      color: #354F5C;
      -webkit-font-smoothing: antialiased;
      font-size: 18px;
      line-height: 1.72;
    }

    .issue {
      max-width: var(--max);
      margin: 0 auto;
      background: var(--white);
    }

    /* ── MASTHEAD ─────────────────────────────────────── */
    .masthead {
      background: var(--navy);
      padding: var(--pad);
      position: relative;
      overflow: hidden;
    }

    /* Mesh + floorplan overlay — the new-LUCI visual identity (Issue 03 launch).
       Same treatment as the new website: mint mesh + architectural plan,
       screen-blended at low opacity over navy. Leads the issue; circuit
       texture stays secondary in the dark play-card / payoff panels. */
    .masthead::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: url("https://cdn.prod.website-files.com/62d7d68d14611c2a31d863cd/6a7e091df18dd3a992d8ac82_luci-bg-hero-1920x1080.svg") right center / cover no-repeat;
      mix-blend-mode: screen;
      opacity: 0.42;
    }
    .masthead > * { position: relative; z-index: 1; }

    /* Mint accent bar at bottom */
    .masthead::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 4px;
      background: var(--mint);
    }

    .masthead__row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
      padding-bottom: clamp(20px, 3vw, 28px);
      margin-bottom: clamp(20px, 3vw, 28px);
      border-bottom: 1px solid rgba(var(--mint-rgb), 0.15);
    }

    .masthead__logo img { height: 28px; display: block; }

    .masthead__vol {
      font-size: 12px;
      font-weight: 500;
      color: rgba(165,179,188,0.82);
      letter-spacing: 0.05em;
      text-align: right;
    }

    /* Publication title — the hero */
    .masthead__title {
      font-family: var(--display);
      text-transform: uppercase;
      font-size: clamp(52px, 12vw, 96px);
      font-weight: 700;
      line-height: 0.9;
      letter-spacing: -0.03em;
      color: var(--off-white);
      position: relative;
      z-index: 1;
    }

    .masthead__title em {
      font-style: normal;
      color: var(--mint);
      display: block;
    }

    /* Giant issue number watermark */
    .masthead__numeral {
      font-family: var(--display);
      font-size: clamp(100px, 22vw, 200px);
      font-weight: 700;
      line-height: 0.85;
      letter-spacing: -0.04em;
      color: rgba(var(--mint-rgb), 0.05);
      position: absolute;
      right: calc(var(--pad) - 8px);
      bottom: -12px;
      pointer-events: none;
      user-select: none;
    }

    .masthead__deck {
      margin-top: 14px;
      font-size: 14px;
      line-height: 1.6;
      color: rgba(165, 179, 188, 0.7);
      max-width: 44ch;
      position: relative;
      z-index: 1;
    }

    .masthead__issue {
      margin-top: 30px;
      position: relative;
      z-index: 1;
    }

    .masthead__issue-label {
      display: block;
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--mint);
      margin-bottom: 8px;
    }

    .masthead__issue-title {
      display: block;
      font-family: var(--body);
      font-size: clamp(18px, 3vw, 24px);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.015em;
      color: var(--off-white);
      max-width: 42ch;
    }

    .masthead__distro {
      display: inline-block;
      margin-top: 18px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--mint);
      border: 1px solid rgba(var(--mint-rgb), 0.4);
      padding: 4px 10px;
      position: relative;
      z-index: 1;
    }

    /* ── TABLE OF CONTENTS ────────────────────────────── */
    .toc {
      background: var(--navy-mid);
      padding: clamp(28px, 5vw, 38px) var(--pad);
      border-bottom: 1px solid rgba(var(--mint-rgb), 0.15);
    }

    .toc__label {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint);
      margin-bottom: 14px;
    }

    .toc__list {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(4, auto);
      grid-auto-flow: column;
      column-gap: 36px;
    }

    @media (max-width: 600px) {
      .toc__list {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-flow: row;
      }
    }

    .toc__list a {
      display: flex;
      align-items: baseline;
      gap: 14px;
      padding: 13px 2px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.09);
      color: var(--off-white);
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.3;
      transition: color 0.15s, border-color 0.15s;
    }

    .toc__num {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: var(--mint);
      min-width: 22px;
    }
    .toc__num--blank { color: transparent; }

    .toc__text { flex: 1; }

    .toc__arrow {
      color: rgba(var(--mint-rgb), 0.4);
      transition: transform 0.15s, color 0.15s;
    }

    .toc__list a:hover {
      color: var(--white);
      border-color: rgba(var(--mint-rgb), 0.4);
    }

    .toc__list a:hover .toc__arrow {
      color: var(--mint);
      transform: translateX(3px);
    }

    /* ── SECTION ANATOMY ──────────────────────────────── */

    /*
      Each section has a kicker (department label), a headline, and body.
      Visual registers (alternate to keep the reader moving — reserve deep/dark for Closing + Footer only):
        --sand:     marquee story (In the field) — warm light; transitions cleanly from dark TOC
        --white:    primary reading sections; required wrapper for callouts
        --light:    alternate reading sections (off-white)
        --deep:     Closing only — signals end of issue content
    */

    .sec {
      padding: clamp(40px, 6vw, 64px) var(--pad);
      border-bottom: 1px solid var(--rule-light);
      position: relative;
    }

    .sec--white   { background: var(--white); }
    .sec--light   { background: var(--off-white); }
    .sec--sand    { background: var(--sand); }
    .sec--mid     { background: var(--navy-mid); border-bottom-color: rgba(0,0,0,0.2); }
    .sec--dark    { background: var(--navy); border-bottom-color: rgba(0,0,0,0.3); }
    .sec--deep    { background: var(--navy-deep); border-bottom-color: rgba(0,0,0,0.4); }

    /* ── MESH ON ALL DARK BACKGROUNDS ────────────────────
       The mesh + floorplan composite leads the issue's visual identity.
       Every dark surface wears it, screen-blended at low opacity so body
       text stays readable. The masthead carries its own (denser) instance;
       circuit texture stays secondary inside the dark play-card / payoff
       panels. Covers: sec--dark, sec--deep, .closing, .footer. */
    .sec--dark, .sec--deep, .closing, .footer { position: relative; overflow: hidden; }
    .sec--dark::before, .sec--deep::before, .closing::before, .footer::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: url("https://cdn.prod.website-files.com/62d7d68d14611c2a31d863cd/6a7e091df18dd3a992d8ac82_luci-bg-hero-1920x1080.svg") center / cover no-repeat;
      mix-blend-mode: screen;
      opacity: 0.26;
    }
    .sec--dark > *, .sec--deep > *, .closing > *, .footer > * { position: relative; z-index: 1; }

    /* Mute the mesh behind the reading column: a full-height horizontal
       scrim darkens the central text band top-to-bottom (so longer sections
       get consistent muting, not just the vertical middle) and fades to
       transparent at the side margins, so the mesh stays vivid at the edges
       and recedes behind the copy. */
    .sec--dark::after, .sec--deep::after, .closing::after, .footer::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: linear-gradient(to right,
        rgba(8,18,24,0) 2%,
        rgba(8,18,24,0.66) 20%,
        rgba(8,18,24,0.66) 80%,
        rgba(8,18,24,0) 98%);
    }

    /* Closing stays flat — no mesh, no scrim (keeps the sign-off calm). */
    .closing::before, .closing::after { display: none; }

    /* Quick Tip — solid slate, no mesh (keeps the tip calm and readable). */
    #quick-tip::before, #quick-tip::after { display: none; }
    #quick-tip { background: var(--navy-mid); }

    /* Quick Tip — solid slate, no mesh/scrim (supersedes the earlier right-side fade,
       which was for showing more mesh — now that the mesh is off entirely). */

    /* Marquee — lead story (In the field). Warm sand + scaled headline; no dark grey block after TOC. */
    .sec--marquee {
      background: var(--sand);
    }

    .sec--marquee .art-title {
      font-size: clamp(30px, 5vw, 42px);
      max-width: 24ch;
      color: var(--navy);
    }

    .sec--marquee .kicker__rule { background: var(--mint-dark); }
    .sec--marquee .kicker__label { color: var(--mint-dark); }

    .sec--marquee .field-property {
      border-bottom-color: var(--rule-light);
    }

    .sec--marquee .field-property__name,
    .sec--marquee .field-property__location {
      color: var(--mint-dark);
    }

    .sec--light .field-story__block {
      border-bottom-color: var(--rule-light);
    }

    .sec--light .field-story__heading {
      color: var(--mint-dark);
    }

    .sec--light .field-story__block p,
    .sec--light .field-story-list li,
    .sec--light .field-plan-list li {
      color: #354F5C;
    }

    .sec--light .field-plan-list strong {
      color: var(--navy);
    }

    .sec--light .field-results li {
      border-bottom-color: var(--rule-light);
      color: #354F5C;
    }

    .sec--light .field-results li::before {
      color: var(--mint-dark);
    }

    .sec--light .field-story-list li::before {
      background: var(--mint-dark);
    }

    .sec--light .field-story__cta {
      border-top-color: var(--rule-light);
    }

    .sec--light .field-story__cta p {
      color: #49616E;
    }

    .sec--marquee .pullquote {
      color: var(--navy);
    }

    .sec--marquee .quote-attrib__title,
    .sec--marquee .quote-attrib__location {
      color: var(--mint-dark);
    }

    /* Pullquote on light (A Minute with Mike) */
    .sec--white .pullquote,
    .sec--light .pullquote {
      color: var(--navy);
      border-left-color: var(--mint-dark);
    }

    /* Department kicker — centered section label */
    .kicker {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: 100%;
      margin-bottom: 24px;
    }

    .kicker__rule {
      width: 28px;
      height: 2px;
      background: var(--mint);
      flex-shrink: 0;
    }

    .kicker__label {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint);
    }

    .sec--white .kicker__rule,
    .sec--light .kicker__rule {
      background: var(--mint-dark);
    }

    .sec--white .kicker__label,
    .sec--light .kicker__label {
      color: var(--mint-dark);
    }

    /* Kicker section number (compact sections that carry a visible number) */
    .kicker__num {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: var(--mint);
    }
    .sec--white .kicker__num,
    .sec--light .kicker__num {
      color: var(--mint-dark);
    }

    /* Article headline */
    .art-title {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(26px, 4.5vw, 38px);
      line-height: 1.1;
      letter-spacing: -0.025em;
      max-width: 22ch;
      margin-bottom: 20px;
    }

    .art-deck {
      font-family: var(--body);
      font-weight: 500;
      font-size: clamp(17px, 2.2vw, 20px);
      line-height: 1.5;
      letter-spacing: -0.005em;
      color: #49616E;
      max-width: var(--read);
      margin: 0 0 24px;
    }

    .sec--mid .art-deck,
    .sec--dark .art-deck,
    .sec--deep .art-deck { color: rgba(235, 245, 248, 0.78); }

    .sec--white .art-title,
    .sec--light .art-title  { color: var(--navy); }
    .sec--mid .art-title    { color: var(--off-white); }
    .sec--dark .art-title   { color: var(--off-white); }
    .sec--deep .art-title   { color: var(--off-white); }

    /* Standard half-highlight in gold — a key phrase wrapped in <em> inside a
       section header. Bright gold on dark; gold-deep on light (contrast-safe). */
    .art-title em {
      font-style: normal;
      color: var(--gold);
    }
    .sec--white .art-title em,
    .sec--light .art-title em,
    .sec--sand  .art-title em { color: var(--gold-deep); }

    /* Body copy */
    .art-body p {
      font-size: 17px;
      line-height: 1.72;
      margin-bottom: 16px;
      max-width: var(--read);
    }

    .art-body p:last-child { margin-bottom: 0; }

    .art-signoff {
      margin-top: 32px;
      max-width: var(--read);
    }
    .art-signoff__line {
      font-size: 17px;
      line-height: 1.72;
      color: #354F5C;
      margin-bottom: 18px;
    }
    .art-signoff__name {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.3;
      color: var(--navy);
    }
    .art-signoff__role {
      margin-top: 4px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--mint-dark);
    }

    .sec--white .art-body p,
    .sec--light .art-body p { color: #354F5C; }

    .sec--mid .art-body p { color: rgba(235, 245, 248, 0.88); }
    .sec--dark .art-body p { color: rgba(235, 245, 248, 0.92); }
    .sec--deep .art-body p { color: rgba(235, 245, 248, 0.88); }

    .art-body ul, .art-body ol {
      margin: 0 0 16px 20px;
      max-width: var(--read);
    }

    .art-body li {
      font-size: 17px;
      line-height: 1.65;
      margin-bottom: 10px;
    }

    .sec--white .art-body li,
    .sec--light .art-body li { color: #354F5C; }
    .sec--mid .art-body li,
    .sec--dark .art-body li,
    .sec--deep .art-body li  { color: rgba(235, 245, 248, 0.88); }

    .art-body li::marker { color: var(--mint); }
    .sec--white .art-body li::marker { color: var(--mint-dark); }

    .art-body strong { color: inherit; font-weight: 700; }

    .sec--dark .art-body strong,
    .sec--mid .art-body strong,
    .sec--deep .art-body strong { color: var(--off-white); }

    /* Links */
    .art-body a { color: var(--mint-dark); font-weight: 600; }
    .sec--dark .art-body a,
    .sec--mid .art-body a,
    .sec--deep .art-body a { color: var(--mint); }

    /* ── CALLOUT (contained aside — Quick Tip, Support) ── */
    .callout {
      background: var(--navy);
      border-left: 4px solid var(--mint);
      padding: clamp(24px, 4vw, 32px);
      max-width: var(--read);
    }

    .callout__kicker {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint);
      margin-top: 32px;
      margin-bottom: 14px;
    }

    .callout p {
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 12px;
    }

    .callout p:last-child { margin-bottom: 0; }

    .callout strong { color: var(--off-white); font-weight: 700; }

    .callout a { color: var(--mint); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

    .callout p { color: rgba(235, 245, 248, 0.95); }

    /* ── NEED A HAND — full-width callout banner (own sand band, formatted header — no section kicker) ── */
    .need-hand { padding: clamp(32px, 5vw, 44px) var(--pad); }
    .need-hand__inner {
      border-left: 4px solid var(--mint-dark);
      padding-left: 24px;
    }
    .need-hand__header {
      font-family: var(--body);
      font-size: clamp(22px, 2.4vw, 26px);
      font-weight: 700;
      letter-spacing: -0.015em;
      line-height: 1.15;
      color: var(--navy);
      margin-bottom: 10px;
    }
    .need-hand__lead {
      font-size: 17px;
      line-height: 1.6;
      color: var(--navy);
      margin-bottom: 8px;
    }
    .need-hand__lead a { color: var(--mint-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
    .need-hand__sub {
      font-size: 15px;
      line-height: 1.6;
      color: #49616E;
    }

    .callout__figure {
      margin: 20px 0 16px;
      max-width: var(--read);
    }

    .callout__figure img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 12px;
      border: 1px solid rgba(104, 227, 190, 0.18);
    }

    .callout__caption {
      font-size: 13px;
      line-height: 1.45;
      color: rgba(235, 245, 248, 0.65);
      margin-top: 8px;
    }

    /* ── PULL QUOTE ───────────────────────────────────── */
    .pullquote {
      margin: 32px 0 8px;
      font-size: clamp(19px, 2.8vw, 24px);
      font-style: italic;
      line-height: 1.45;
      color: var(--off-white);
      border-left: 4px solid var(--mint);
      padding: 16px 0 16px 24px;
      max-width: 32ch;
    }

    /* ── Wide pullquote variant (Tachi field quote — full width, smaller) ── */
    .pullquote--wide {
      max-width: none;
      font-size: clamp(15px, 1.7vw, 18px);
      line-height: 1.6;
      padding: 14px 0 14px 22px;
      margin: 28px 0 10px;
    }

    /* ── ONE TRAIL — centered statement moment (light) ── */
    .trail-statement {
      max-width: var(--read);
      margin: 32px 0;
      border-left: 4px solid var(--mint-dark);
      background: linear-gradient(155deg, #E6F5EF 0%, #F3FAF8 100%);
      padding: 22px 26px;
      box-shadow: inset 0 0 0 1px rgba(43,158,128,0.14);
    }
    .trail-statement__rule { display: none; }
    .trail-statement__kicker {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-bottom: 12px;
    }
    .trail-statement__body {
      font-size: 17px;
      line-height: 1.65;
      color: #354F5C;
    }
    .trail-statement__body strong { color: var(--navy); font-weight: 700; }

    /* ── TOPIC FIGURE — recall model diagram (A Minute with Mike) ── */
    .topic-figure {
      max-width: 680px;
      margin: 28px auto 8px;
      padding: 18px 0 20px;
      border-top: 1px solid rgba(43,158,128,0.18);
      border-bottom: 1px solid rgba(43,158,128,0.18);
      text-align: center;
    }
    .topic-figure__label {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin: 0 0 10px;
    }
    .topic-figure__svg {
      display: block;
      width: 100%;
      max-width: 480px;
      height: auto;
      margin: 0 auto;
    }
    .topic-figure__cap {
      font-family: var(--body);
      font-size: 13px;
      line-height: 1.55;
      color: #5C717B;
      margin: 12px auto 0;
      max-width: 460px;
    }

    /* ── THE PAYOFF — result statement (mint top rule, larger navy) ── */
    .payoff-statement {
      max-width: var(--read);
      margin: 32px 0;
      border-top: 3px solid var(--mint);
      padding-top: 18px;
    }
    .payoff-statement__kicker {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-bottom: 12px;
    }
    .payoff-statement__body {
      font-size: clamp(19px, 2.4vw, 23px);
      line-height: 1.5;
      font-weight: 600;
      color: var(--navy);
      letter-spacing: -0.01em;
    }

    /* ── IN THE FIELD: property header ───────────────── */
    .field-property {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 24px;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(var(--mint-rgb), 0.15);
    }

    .field-property__logo {
      flex-shrink: 0;
      background: var(--white);
      padding: 10px 14px;
      line-height: 0;
    }

    .field-property__logo img {
      height: 32px;
      width: auto;
      display: block;
    }

    .field-property__name {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--mint);
      line-height: 1.5;
    }

    .field-property__location {
      display: block;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.06em;
      color: var(--mint);
      margin-top: 4px;
      text-transform: none;
    }

    @media (max-width: 480px) {
      .field-property { flex-direction: column; align-items: flex-start; }
    }

    /* ── IN THE FIELD: story stack ───────────────────── */
    .field-story {
      display: flex;
      flex-direction: column;
      margin-top: 8px;
    }

    .field-story__block {
      padding: 26px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .field-story__block:first-child { padding-top: 0; }
    .field-story__block:last-child { border-bottom: none; padding-bottom: 0; }

    .field-story__block--accent {
      background: transparent;
    }

    .field-story__heading {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--mint);
      margin-bottom: 16px;
    }

    .field-story__block p {
      font-size: 16px;
      line-height: 1.68;
      color: rgba(235, 245, 248, 0.88);
      margin-bottom: 14px;
      max-width: none;
    }

    .field-story__block p:last-child { margin-bottom: 0; }

    /* Inline bullet list inside The Story */
    .field-story-list {
      list-style: none;
      margin: 0 0 16px 0;
      padding: 0;
    }

    .field-story-list li {
      position: relative;
      padding-left: 22px;
      font-size: 16px;
      line-height: 1.55;
      color: rgba(235, 245, 248, 0.88);
      margin-bottom: 10px;
    }

    .field-story-list li:last-child { margin-bottom: 14px; }

    .field-story-list li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 11px;
      width: 10px;
      height: 2px;
      background: var(--mint);
    }

    /* The Plan: two forward-looking outcomes */
    .field-plan-list {
      list-style: none;
      margin: 18px 0 0 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 22px;
    }

    .field-plan-list li {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 14px;
      font-size: 16px;
      line-height: 1.65;
      color: rgba(235, 245, 248, 0.88);
    }

    .field-plan-list li::before {
      content: '\2713';
      font-size: 20px;
      font-weight: 700;
      color: var(--mint);
      line-height: 1.3;
    }

    .field-plan-list strong {
      color: var(--off-white);
      font-weight: 700;
      margin-right: 4px;
    }

    /* Results: airy two-column rows, hairline-separated */
    .field-results {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 32px;
      list-style: none;
      margin: 0;
      padding: 0;
      counter-reset: result;
    }

    @media (max-width: 480px) {
      .field-results { grid-template-columns: 1fr; }
    }

    .field-results li {
      display: flex;
      gap: 12px;
      align-items: baseline;
      padding: 14px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      font-size: 15px;
      line-height: 1.45;
      color: rgba(235, 245, 248, 0.92);
      margin: 0;
    }

    .field-results li::before {
      content: counter(result, decimal-leading-zero);
      counter-increment: result;
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      color: var(--mint);
      min-width: 22px;
    }

    .field-story__cta {
      margin-top: 28px;
      padding-top: 24px;
      border-top: 1px solid rgba(var(--mint-rgb), 0.15);
    }

    .field-story__cta p {
      font-size: 15px;
      line-height: 1.6;
      color: rgba(235, 245, 248, 0.75);
      margin-bottom: 16px;
      max-width: none;
    }

    .field-story__cta a.field-cta-btn {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-family: var(--body);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-decoration: none;
      color: var(--navy);
      background: var(--mint);
      padding: 16px 26px;
      transition: background 0.15s;
    }

    .field-story__cta a.field-cta-btn:hover {
      background: #7aedc8;
      color: var(--navy);
    }

    .field-cta-btn__arrow {
      font-family: var(--body);
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
    }

    /* ── IN THE FIELD: onsite photos (editorial) ─────── */
    .field-photo {
      margin: 24px 0;
    }

    .field-photo img,
    .field-photo video {
      width: 100%;
      height: auto;
      display: block;
    }

    .field-photo--hero {
      margin: 0 0 28px;
    }

    .field-photo__caption {
      font-family: var(--body);
      font-size: 13px;
      line-height: 1.45;
      color: rgba(53, 79, 92, 0.72);
      margin-top: 8px;
      max-width: 52ch;
    }

    .field-photo-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin: 24px 0;
    }

    .field-photo-row .field-photo {
      margin: 0;
    }

    @media (max-width: 640px) {
      .field-photo-row { grid-template-columns: 1fr; }
    }

    .field-video {
      margin: 28px 0;
    }

    .field-video video {
      background: var(--navy-deep);
    }

    .field-property--text-only .field-property__logo {
      display: none;
    }

    /* ── IN THE FIELD: cinematic story components ────── */
    .field-bleed { margin-inline: calc(var(--pad) * -1); }

    .field-cinematic {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
      object-position: center;
    }
    .field-cinematic--hero   { aspect-ratio: 2 / 1; }
    .field-cinematic--wide   { aspect-ratio: 16 / 9; }
    .field-cinematic--pano   { aspect-ratio: 3453 / 1023; }
    .field-cinematic--square { aspect-ratio: 1 / 1; }
    .field-cinematic--tall   { aspect-ratio: 4 / 5; }

    .field-opener {
      text-align: center;
      padding: 16px 0 8px;
      margin: 0 0 8px;
    }
    .field-opener__logo {
      height: 132px;
      width: auto;
      margin: 0 auto 16px;
      display: block;
    }
    .field-property {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: baseline;
      gap: 10px;
      margin: 18px 0 0;
      font-family: var(--body);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-align: center;
    }
    .field-property__name {
      color: var(--off-white);
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    .field-property__dot { color: var(--mint); }
    .field-property__location { color: var(--mint); }
    .field-divider {
      width: 100%;
      max-width: 720px;
      margin: 18px auto 0;
      height: 1px;
      background: rgba(235, 245, 248, 0.14);
    }
    .field-opener__title {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(28px, 5vw, 40px);
      line-height: 1.1;
      letter-spacing: -0.025em;
      color: var(--off-white);
      max-width: 22ch;
      margin: 0 auto;
    }
    .field-opener__title-mint {
      color: var(--mint);
      display: block;
    }
    .field-opener__dek {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: clamp(15px, 1.9vw, 18px);
      line-height: 1.6;
      color: rgba(235, 245, 248, 0.82);
      max-width: 56ch;
      margin: 26px auto 0;
    }
    @media (max-width: 640px) {
      .field-opener__logo { height: 104px; }
    }

    .field-hook { margin-bottom: 22px; }
    .field-hook p {
      font-size: 19px;
      line-height: 1.6;
      font-weight: 500;
      color: var(--navy);
      max-width: var(--read);
    }

    .field-scale {
      background: var(--navy);
      padding: clamp(36px, 5vw, 56px) var(--pad);
      margin-block: 0;
    }
    .field-scale__band {
      max-width: 920px;
      margin: 0 auto;
      text-align: center;
    }
    .field-scale__art {
      width: 100%;
      height: auto;
      display: block;
    }
    .field-scale__video {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9;
      display: block;
      background: var(--navy-deep);
    }
    .field-scale__caption {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      line-height: 1.5;
      color: rgba(235, 245, 248, 0.62);
      margin: 18px auto 0;
      max-width: 52ch;
    }

    /* 2-up photo gallery inside the field-scale band (Issue 05 — replaces Issue 04 video) */
    .field-gallery {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .field-gallery__item {
      position: relative;
      margin: 0;
    }
    .field-gallery__img {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      border-radius: 0;
    }
    .field-gallery__tag {
      position: absolute;
      bottom: 16px;
      left: 16px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--off-white);
      background: rgba(10,22,28,0.6);
      padding: 4px 10px;
    }
    @media (max-width: 600px) {
      .field-gallery { grid-template-columns: 1fr; }
    }

    .field-stats {
      background: var(--navy);
      padding: clamp(28px, 4vw, 44px) var(--pad);
      margin-block: 0;
      border-bottom: 1px solid rgba(var(--mint-rgb), 0.35);
    }
    .field-stats__row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(28px, 4vw, 52px);
    }
    .field-stats__row--4 {
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
    }
    .field-stats__row--4 .field-stats__item {
      padding: 0 clamp(14px, 2.2vw, 28px);
      border-left: 1px solid rgba(var(--mint-rgb), 0.22);
      align-items: center;
      text-align: center;
    }
    .field-stats__row--4 .field-stats__item:first-child {
      border-left: none;
      padding-left: 0;
    }
    .field-stats__row--4 .field-stats__item:last-child { padding-right: 0; }
    .field-stats__item { display: flex; flex-direction: column; gap: 14px; }
    .field-stats__num {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(32px, 5vw, 48px);
      line-height: 1;
      letter-spacing: -0.03em;
      color: var(--mint);
      white-space: nowrap;
    }
    .field-stats__label {
      font-size: 12px;
      font-weight: 700;
      line-height: 1.4;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(235,245,248,0.82);
    }
    @media (max-width: 720px) {
      .field-stats__row--4 { grid-template-columns: 1fr 1fr; gap: 28px; }
      .field-stats__row--4 .field-stats__item { border-left: none; padding: 0; }
    }
    @media (max-width: 480px) {
      .field-stats__row--4 { grid-template-columns: 1fr; }
    }
    @media (max-width: 640px) {
      .field-stats__row { grid-template-columns: 1fr; gap: 28px; }
    }

    .field-property-photo {
      margin: 0;
      line-height: 0;
    }
    .field-property-photo img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    .field-photo-bridge {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: clamp(15px, 1.7vw, 17px);
      line-height: 1.6;
      color: rgba(235, 245, 248, 0.78);
      max-width: 60ch;
      margin: 22px auto 0;
      padding: 0 var(--pad);
      text-align: center;
    }

    .field-ba {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(24px, 3vw, 40px);
      max-width: 880px;
      margin: 0 0 clamp(40px, 6vw, 64px);
    }
    .field-ba__col { display: flex; flex-direction: column; }
    .field-ba__head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 16px;
    }
    .field-ba__badge {
      display: inline-block;
      background: var(--mint);
      color: #0A161C;
      font-family: var(--body);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      padding: 4px 10px;
    }
    .field-ba__heading {
      font-family: var(--body);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.01em;
      color: #1A2B36;
    }
    .field-ba__media { margin: 0; }
    .field-ba__media .field-cinematic,
    .field-ba__media .field-photo-ph { width: 100%; }
    .field-ba__media--before .field-cinematic { filter: saturate(0.55) contrast(0.95) brightness(0.93); }
    .field-ba__caption {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 12.5px;
      line-height: 1.5;
      color: rgba(53,79,92,0.72);
      margin-top: 10px;
    }
    @media (max-width: 640px) {
      .field-ba { grid-template-columns: 1fr; gap: 28px; }
    }

    /* phase layout: 2 horizontal boxes (01, 02), then full-width 03, 04 */
    .field-phases {
      display: flex;
      flex-direction: column;
      gap: 1px;
      background: var(--rule-light);
      border: 1px solid var(--rule-light);
      margin: 0 0 clamp(36px, 5vw, 52px);
    }
    .field-phases__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: var(--rule-light);
    }
    .field-phase {
      background: #fff;
      padding: 28px 24px;
    }
    .field-phase--wide {
      background: #fff;
      padding: 28px 24px;
    }
    .field-phase--wide .field-phase__copy {
      max-width: 62ch;
    }
    .field-phase__num {
      display: block;
      font-family: var(--body);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.16em;
      color: var(--mint-dark);
      margin-bottom: 10px;
    }
    .field-phase__title {
      font-family: var(--body);
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #1A2B36;
      margin: 0 0 12px;
    }
    .field-phase__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 14.5px;
      line-height: 1.6;
      color: #354F5C;
      margin: 0 0 12px;
    }
    .field-phase__text:last-of-type { margin-bottom: 0; }
    .field-phase__img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* before/after slider inside phase grid */
    .field-slider {
      position: relative;
      width: 100%;
      aspect-ratio: 4/3;
      overflow: hidden;
      user-select: none;
      touch-action: none;
      border-radius: 8px;
      --pos: 50%;
    }
    .field-slider__img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .field-slider__before {
      position: absolute;
      inset: 0;
      clip-path: inset(0 calc(100% - var(--pos)) 0 0);
    }
    .field-slider__divider {
      position: absolute;
      top: 0;
      bottom: 0;
      left: var(--pos);
      width: 2px;
      background: var(--mint);
      transform: translateX(-1px);
      pointer-events: none;
      z-index: 2;
    }
    .field-slider__handle {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 36px;
      height: 36px;
      transform: translate(-50%, -50%);
      border-radius: 9999px;
      background: var(--mint);
      box-shadow: 0 2px 10px rgba(0,0,0,0.35);
      display: grid;
      place-items: center;
    }
    .field-slider__handle::before {
      content: "\2039\2003\203A";
      color: #0A161C;
      font-weight: 700;
      font-size: 14px;
    }
    .field-slider__tag {
      position: absolute;
      top: 10px;
      font-family: var(--body);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #fff;
      background: rgba(10,22,28,0.65);
      padding: 3px 8px;
      z-index: 2;
    }
    .field-slider__tag--before { left: 10px; }
    .field-slider__tag--after { right: 10px; }
    .field-slider__range {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      opacity: 0;
      cursor: ew-resize;
      z-index: 3;
    }
    .field-slider:focus-within .field-slider__handle {
      outline: 3px solid #fff;
      outline-offset: 2px;
    }
    @media (max-width: 640px) {
      .field-phases__row { grid-template-columns: 1fr; }
      .field-slider-figure .field-slider { min-height: 280px; }
    }

    .field-num { margin: 0 0 clamp(36px, 5vw, 52px); }
    .field-num__head {
      display: flex;
      align-items: baseline;
      gap: 14px;
      margin-bottom: 14px;
    }
    .field-num__num {
      font-family: var(--body);
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: -0.02em;
      color: var(--mint-dark);
    }
    .field-num__title {
      font-family: var(--body);
      font-size: clamp(20px, 2.6vw, 26px);
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #1A2B36;
    }
    .field-num__rule {
      width: 100%;
      height: 2px;
      background: var(--mint-dark);
      opacity: 0.55;
      margin: 0 0 18px;
    }
    .field-num__body {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.65;
      color: #354F5C;
      max-width: var(--read);
    }
    .field-num__body p { max-width: 60ch; margin-bottom: 22px; }
    .field-num__body p:last-child { margin-bottom: 0; }

    .field-runs { max-width: 760px; margin-top: clamp(8px, 2vw, 16px); }
    .field-runs__title {
      font-family: var(--body);
      font-size: clamp(22px, 3vw, 30px);
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #1A2B36;
      margin-bottom: 14px;
    }
    .field-runs__rule {
      width: 100%;
      height: 2px;
      background: var(--mint-dark);
      margin: 0 0 4px;
    }
    .field-runs__list { list-style: none; margin: 0; padding: 0; }
    .field-runs__item {
      padding: 18px 0;
      border-bottom: 1px solid var(--rule-light);
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 15.5px;
      line-height: 1.5;
      color: #354F5C;
    }
    /* Results — compact light 2-column list (no box; lets the LUCI to Date closer stand out) */
    .field-runs--inline { max-width: 760px; margin: clamp(28px, 4vw, 40px) 0 0; }
    .field-runs--inline .field-runs__title { font-size: clamp(18px, 2.4vw, 22px); margin-bottom: 10px; }
    .field-runs--inline .field-runs__rule { margin: 0 0 8px; }
    .field-runs--inline .field-runs__list {
      display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px;
    }
    .field-runs--inline .field-runs__item {
      padding: 10px 0; font-size: 14.5px; line-height: 1.45;
    }
    .field-runs--inline .field-runs__item:nth-child(n+3) { border-bottom: none; }
    /* icon-led runs rows */
    .field-runs--inline .field-runs__item--icon {
      display: flex; align-items: flex-start; gap: 12px;
      padding: 12px 0;
    }
    .field-runs__ic {
      flex: none; width: 26px; height: 26px;
      display: inline-flex; align-items: center; justify-content: center;
      margin-top: 1px;
    }
    .field-runs__ic svg { width: 100%; height: 100%; display: block; }
    .field-runs__txt { flex: 1; }
    @media (max-width: 640px) {
      .field-runs--inline .field-runs__list { grid-template-columns: 1fr; }
      .field-runs--inline .field-runs__item:nth-child(n+3) { border-bottom: 1px solid var(--rule-light); }
      .field-runs--inline .field-runs__item:last-child { border-bottom: none; }
    }

    /* Race book + results side-by-side for variety */
    .field-pair {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 40px;
      align-items: start;
      margin: clamp(28px, 4vw, 40px) 0 0;
    }
    .field-pair .field-num { margin-top: 0; margin-bottom: 0; }
    .field-pair .field-runs--inline { margin-top: 0; max-width: none; }
    .field-pair .field-runs--pair .field-runs__list { grid-template-columns: 1fr; }
    .field-pair .field-runs--pair .field-runs__item:nth-child(n+3) { border-bottom: 1px solid var(--rule-light); }
    .field-pair .field-runs--pair .field-runs__item:last-child { border-bottom: none; }
    @media (max-width: 640px) {
      .field-pair { grid-template-columns: 1fr; gap: 28px; }
    }

    /* Property consolidation story — "many systems -> one platform" closer */
    .field-scope {
      margin: clamp(40px, 6vw, 64px) 0 0;
      margin-inline: calc(var(--pad) * -1);
      background: var(--navy-deep);
      color: var(--off-white);
      border-top: 4px solid var(--mint);
      position: relative;
      overflow: hidden;
      padding-bottom: clamp(36px, 5vw, 52px);
    }
    /* Mesh background to match the website's dark closer/ledger sections
       (the home-ledger pattern): the E-mesh is screen-blended
       so the mint lines glow over the navy, then a radial mask
       hides the mesh in the center and shows it at the edges — clear
       center for the statement, mesh atmosphere around it. A radial
       scrim behind the dest keeps the headline + supporting
       line legible. The description (.field-scope__dest-sub) stays
       directly under the headline (.field-scope__dest-head). */
    .field-scope::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: url("https://cdn.prod.website-files.com/62d7d68d14611c2a31d863cd/6a7e091df18dd3a992d8ac82_luci-bg-hero-1920x1080.svg") center / cover no-repeat;
      mix-blend-mode: screen;
      opacity: 0.7;
      -webkit-mask-image: radial-gradient(ellipse 82% 98% at 50% 58%, transparent 0%, transparent 34%, rgba(0,0,0,0.5) 60%, #000 80%);
              mask-image: radial-gradient(ellipse 82% 98% at 50% 58%, transparent 0%, transparent 34%, rgba(0,0,0,0.5) 60%, #000 80%);
    }
    .field-scope::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: radial-gradient(ellipse 80% 94% at 50% 60%,
        rgba(7,15,20,0.82) 0%, rgba(7,15,20,0.5) 40%,
        transparent 82%);
    }
    .field-scope > * { position: relative; z-index: 1; }
    .field-scope__title {
      font-family: var(--body);
      font-size: clamp(22px, 3vw, 30px);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.025em;
      color: var(--off-white);
      margin: 0 0 clamp(22px, 3vw, 32px);
      padding: clamp(36px, 5vw, 56px) var(--pad) 0;
      text-align: center;
    }
    .field-scope__title em { font-style: normal; color: var(--mint); }
    .field-scope__lede { display: none; }
    .field-scope__ticker {
      margin: 0 0 clamp(18px, 2.4vw, 26px);
      border-top: 1px solid rgba(var(--mint-rgb), 0.2);
      border-bottom: 1px solid rgba(var(--mint-rgb), 0.2);
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .field-scope__stats {
      list-style: none; margin: 0; padding: clamp(18px, 2.4vw, 26px) 0;
      display: flex; align-items: stretch; justify-content: center;
    }
    .field-scope__stats li {
      flex: 1 1 0; min-width: 140px;
      display: flex; flex-direction: column; align-items: center; gap: 10px;
      padding: 0 clamp(8px, 1.4vw, 18px);
      position: relative; text-align: center;
    }
    .field-scope__stats li + li { border-left: 1px solid rgba(var(--mint-rgb), 0.18); }
    .field-scope__ic { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none; }
    .field-scope__ic svg { width: 100%; height: 100%; display: block; }
    .field-scope__converge { display: block; width: 100%; height: clamp(52px, 7vw, 76px); margin: 4px 0 -2px; overflow: visible; }
    .field-scope__converge line { stroke-width: 1.5; vector-effect: non-scaling-stroke; }
    .field-scope__arrow { position: relative; width: clamp(28px, 3vw, 38px); margin: 2px auto 0; }
    .field-scope__arrow::before {
      content: ''; display: block; width: clamp(6px, 0.8vw, 9px); height: clamp(28px, 4vw, 46px); margin: 0 auto;
      background: var(--mint); border-radius: 4px; box-shadow: 0 0 18px rgba(var(--mint-rgb), 0.55);
    }
    .field-scope__arrow::after {
      content: ''; display: block; width: 0; height: 0; margin: 0 auto;
      border-left: clamp(13px, 1.4vw, 18px) solid transparent;
      border-right: clamp(13px, 1.4vw, 18px) solid transparent;
      border-top: clamp(17px, 1.9vw, 24px) solid var(--mint);
      filter: drop-shadow(0 6px 12px rgba(var(--mint-rgb), 0.5));
    }
    .field-scope__dest { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 20px 0 0; }
    .field-scope__dest-rule { width: 40px; height: 3px; background: var(--mint); }
    .field-scope__dest-head { font-family: var(--body); font-weight: 800; letter-spacing: -0.02em; font-size: clamp(28px, 4vw, 40px); color: var(--off-white); text-align: center; margin: 0; }
    .field-scope__dest-head em { font-style: normal; color: var(--mint); }
    .field-scope__dest-sub { font-family: 'Inter', system-ui, sans-serif; font-size: clamp(14px, 1.6vw, 17px); color: rgba(235,245,248,0.72); text-align: center; margin: 0; max-width: 46ch; line-height: 1.5; }
    .field-scope__num {
      font-family: var(--display); font-size: clamp(26px, 3.4vw, 38px); font-weight: 700;
      line-height: 1; letter-spacing: -0.03em; color: var(--mint);
    }
    .field-scope__label {
      font-family: 'Inter', system-ui, sans-serif; font-size: 12px; line-height: 1.3;
      letter-spacing: 0.02em; color: rgba(235, 245, 248, 0.7); white-space: normal;
    }

    /* ── IN THE FIELD: read-full-case-study link (light canvas) ── */
    .field-readmore {
      text-align: center;
      padding: clamp(40px, 5vw, 60px) var(--pad) clamp(52px, 6vw, 76px);
    }
    .field-readmore__line {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: clamp(15px, 1.8vw, 17px);
      line-height: 1.6;
      color: #354F5C;
      max-width: 54ch;
      margin: 0 auto 18px;
    }
    .field-readmore__link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--body);
      font-size: clamp(16px, 1.9vw, 18px);
      font-weight: 700;
      letter-spacing: 0.02em;
      text-decoration: none;
      color: #2b9e80;
      border-bottom: 2px solid #2b9e80;
      padding-bottom: 4px;
      transition: color 0.15s, border-color 0.15s;
    }
    .field-readmore__link:hover { color: #237d63; border-color: #237d63; }
    .field-readmore__arrow { font-size: 20px; line-height: 1; }

    .field-figure { margin: 16px 0; }
    .field-figure__caption {
      font-family: var(--body);
      font-size: 13px;
      line-height: 1.45;
      color: rgba(53,79,92,0.72);
      margin-top: 8px;
      max-width: 52ch;
    }
    .field-figure.field-bleed .field-figure__caption { padding-inline: var(--pad); }
    .field-figure__caption--dark { color: rgba(235,245,248,0.72); }
    /* Photo placeholder — staged for a not-yet-shot image (light marquee canvas) */
    .field-photo-ph {
      width: 100%;
      aspect-ratio: 16 / 9;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: rgba(53,79,92,0.04);
      border: 1px dashed rgba(43,158,128,0.4);
      color: rgba(53,79,92,0.5);
      font-family: var(--body);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .field-tag {
      font-family: var(--display);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-right: 8px;
    }

    .field-figure--annot { max-width: 640px; margin: 18px 0 22px; }
    .field-figure--annot .field-cinematic {
      border: 1px solid rgba(26,39,51,0.10);
      box-sizing: border-box;
    }
    .field-figure--annot .field-figure__caption { max-width: 46ch; }
    @media (max-width: 640px) {
      .field-figure--annot { max-width: 100%; }
    }

    .field-team-collage { max-width: 620px; margin: 18px 0 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .field-team-collage img { aspect-ratio: 4 / 3; }
    @media (max-width: 640px) {
      .field-team-collage { grid-template-columns: 1fr; }
    }

    .field-compare--static {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin: 24px 0;
      max-width: 720px;
    }
    .field-compare--static .field-figure { margin: 0; }
    @media (max-width: 640px) {
      .field-compare--static { grid-template-columns: 1fr; }
    }

    .field-reel {
      background: var(--navy-deep);
      padding: clamp(16px, 2.5vw, 26px) var(--pad);
      margin-block: 22px;
    }
    .field-reel video {
      width: 100%;
      height: auto;
      display: block;
      background: #000;
    }
    .field-reel .field-figure__caption { padding-inline: 0; }

    .field-slider {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      user-select: none;
      touch-action: none;
      --pos: 50%;
    }
    .field-slider__img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .field-slider__before {
      position: absolute;
      inset: 0;
      clip-path: inset(0 calc(100% - var(--pos)) 0 0);
    }
    .field-slider__divider {
      position: absolute;
      top: 0; bottom: 0;
      left: var(--pos);
      width: 2px;
      background: var(--mint);
      transform: translateX(-1px);
      pointer-events: none;
    }
    .field-slider__handle {
      position: absolute;
      top: 50%; left: 50%;
      width: 44px; height: 44px;
      transform: translate(-50%, -50%);
      border-radius: 9999px;
      background: var(--mint);
      box-shadow: 0 2px 12px rgba(0,0,0,0.45);
      display: grid;
      place-items: center;
    }
    .field-slider__handle::before {
      content: "\2039\2003\203A";
      color: var(--navy);
      font-weight: 700;
      font-size: 16px;
    }
    .field-slider__tag {
      position: absolute;
      top: 16px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--off-white);
      background: rgba(10,22,28,0.6);
      padding: 4px 10px;
      transition: opacity .2s ease;
    }
    .field-slider__tag--before { left: 16px; }
    .field-slider__tag--after  { right: 16px; }
    .field-slider__range {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      opacity: 0;
      cursor: ew-resize;
    }
    .field-slider:focus-within .field-slider__handle {
      outline: 3px solid var(--off-white);
      outline-offset: 2px;
    }
    @media (prefers-reduced-motion: reduce) {
      .field-slider__divider { transition: none; }
    }
    /* before photo reads as the older state — pull a little color out */
    .field-slider__before .field-slider__img { filter: saturate(0.6) contrast(0.95) brightness(0.95); }
    /* slider figure wrapper — full-width below the phase boxes, room to breathe */
    .field-slider-figure {
      margin: clamp(36px, 5vw, 52px) 0 0;
    }
    .field-slider-figure .field-ba__caption { margin-top: 12px; }
    .field-slider-figure__caption {
      margin: 14px 0 0;
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 12.5px;
      font-style: italic;
      line-height: 1.5;
      color: #5A6B75;
    }


    .quote-attrib {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding-left: 28px;
      line-height: 1.6;
    }

    .quote-attrib__title,
    .quote-attrib__location {
      display: block;
      color: var(--mint);
    }

    .quote-attrib__location {
      margin-top: 2px;
    }

    /* ── AUTHOR CARD (de-boxed) ───────────────────────── */
    .author-card {
      margin-top: 28px;
      padding-top: 24px;
      border-top: 1px solid var(--rule-light);
      max-width: var(--read);
    }

    .author-card__header {
      display: inline-block;
      margin-bottom: 18px;
      color: var(--mint-dark);
      font-family: var(--body);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.01em;
      text-decoration: none;
    }

    .author-card__header:hover {
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .author-card__content {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      padding: 0;
    }

    @media (max-width: 500px) {
      .author-card__content { flex-direction: column; align-items: center; }
    }

    .author-card__img {
      flex-shrink: 0;
      width: 80px;
      height: 80px;
      overflow: hidden;
      background: var(--sand);
    }

    .author-card__img img {
      display: block;
      width: 80px;
      height: 80px;
      object-fit: cover;
      object-position: center 10%;
      filter: saturate(0.85) brightness(1.05) contrast(0.95);
    }

    .author-card__body { flex: 1; min-width: 0; }

    .author-card__name {
      font-weight: 700;
      font-size: 16px;
      color: var(--navy);
      margin-bottom: 4px;
    }

    .author-card__title {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-bottom: 10px;
    }

    .author-card__contact {
      font-size: 14px;
      color: #49616E;
    }

    .author-card__contact a { color: var(--mint-dark); font-weight: 600; }

    /* ── SERVICES (de-boxed definition list) ──────────── */
    .svc-list {
      margin: 28px 0;
    }

    .svc-list > div {
      padding: 22px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .svc-list > div:first-child { padding-top: 0; }
    .svc-list > div:last-child { border-bottom: none; padding-bottom: 0; }

    .svc-list dt {
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 0.01em;
      color: var(--mint);
      margin-bottom: 7px;
    }

    .svc-list dd {
      margin: 0;
      font-size: 15px;
      line-height: 1.62;
      color: rgba(235, 245, 248, 0.86);
    }

    /* Services list on light/white sections (Beyond the platform) */
    .sec--white .svc-list > div,
    .sec--light .svc-list > div {
      border-bottom-color: var(--rule-light);
    }

    .sec--white .svc-list dt,
    .sec--light .svc-list dt {
      color: var(--mint-dark);
    }

    .sec--white .svc-list dd,
    .sec--light .svc-list dd {
      color: #354F5C;
    }

    /* ── INSIDE LUCI (mint-accent white section) ─── */
    .playbook-accent {
      position: absolute;
      top: 0; left: 0;
      width: 4px;
      bottom: 0;
      background: linear-gradient(to bottom, var(--mint) 0%, transparent 100%);
    }

    .steps {
      list-style: none;
      margin: 36px 0;
      counter-reset: step;
      max-width: var(--read);
    }

    /* Quick Tip — pull the reading column in a little so more mesh shows at the edges */
    #quick-tip .art-body,
    #quick-tip .steps,
    #quick-tip .callout__kicker { max-width: 52ch; }

    .steps li {
      counter-increment: step;
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 16px;
    }

    .steps li::before {
      content: counter(step, decimal-leading-zero);
      font-family: var(--display);
      font-size: 13px;
      font-weight: 700;
      color: var(--mint-dark);
      flex-shrink: 0;
      padding-top: 3px;
      min-width: 28px;
    }

    .steps li p { margin: 0; font-size: 17px; color: #354F5C; }

    /* Steps on a dark canvas (Quick Tip) */
    .steps--dark li::before { color: var(--mint); }
    .steps--dark li p { color: rgba(235, 245, 248, 0.88); font-size: 16px; }

    /* ── WHAT'S COMING — feature blocks, screenshots, future box ─── */
    .feature-copy { max-width: 820px; margin: 0 0 28px; }
    .art-body + .feature-copy { margin-top: 32px; }
    .feature-copy p { margin: 0; font-size: 17px; line-height: 1.6; color: #354F5C; }
    .feature-copy strong { color: var(--navy); font-size: 18px; }
    .feature-copy.after-shot { margin-top: -8px; margin-bottom: 50px; }

    .shot-block { margin: 0 0 50px; }
    .shot-label {
      display: inline-flex; align-items: center; gap: 8px;
      margin: 0 0 10px;
      color: var(--navy-muted);
      font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
    }
    .shot-label::before {
      content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mint-dark);
    }
    figure.ui-shot {
      margin: 0; border: 1px solid var(--rule-light); border-radius: 14px;
      overflow: hidden; background: #eef1ef;
      box-shadow: 0 16px 40px rgba(10, 26, 33, 0.08);
    }
    figure.ui-shot img { display: block; width: 100%; height: auto; }
    figure.ui-shot video {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9;
      background: var(--navy-deep);
    }
    .ui-shot__cap {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      line-height: 1.5;
      color: #49616E;
      margin: 12px 4px 0;
      max-width: 62ch;
    }
    .ui-shot--lg { margin: 0 0 50px; }
    .design-article {
      display: flow-root;
    }
    figure.design-plan {
      float: right;
      width: min(48%, 420px);
      margin: 4px 0 24px 32px;
      border: 0;
      border-radius: 0;
      overflow: visible;
      background: transparent;
      box-shadow: none;
    }
    figure.design-plan img {
      border: 1px solid var(--rule-light);
    }
    figure.design-plan .ui-shot__cap {
      margin: 10px 0 0;
      font-size: 11.5px;
      font-style: italic;
      color: rgba(53, 79, 92, 0.72);
    }
    @media (max-width: 640px) {
      figure.design-plan {
        float: none;
        width: 100%;
        max-width: none;
        margin: 0 0 28px;
      }
    }

    .future-box {
      display: grid; grid-template-columns: 40px 1fr; gap: 16px;
      margin: 8px 0 22px; padding: 22px 24px;
      border: 1px solid #a8d9cb; border-radius: 12px; background: #f2fbf8;
    }
    .future-icon {
      width: 36px; height: 36px; display: grid; place-items: center;
      border-radius: 9px; background: var(--navy-deep); color: var(--mint);
      font-size: 18px; font-weight: 900;
    }
    .future-box p { margin: 0; color: #354F5C; font-size: 16px; }
    .future-box strong { color: var(--navy); }

    /* Analytics areas — icon-led benefit rows on light canvas */
    .analytics-areas {
      list-style: none;
      margin: 28px 0 32px;
      padding: 0;
      max-width: 760px;
    }
    .analytics-areas li {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin: 0;
      padding: 18px 0;
      border-bottom: 1px solid var(--rule-light);
    }
    .analytics-areas li:first-child {
      border-top: 1px solid var(--rule-light);
    }
    .analytics-areas__ic {
      flex: none;
      width: 30px;
      height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 1px;
    }
    .analytics-areas__ic svg { width: 100%; height: 100%; display: block; }
    .analytics-areas__body { flex: 1; }
    .analytics-areas strong {
      display: block;
      margin-bottom: 4px;
      font-family: var(--body);
      font-size: 16px;
      color: var(--navy);
    }
    .analytics-areas p {
      margin: 0;
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 14.5px;
      line-height: 1.55;
      color: #354F5C;
    }

    /* Screenshot caption — small italic, outside the box */
    figure.ui-shot--captionless {
      margin: 0 0 40px;
      border: 0;
      border-radius: 0;
      overflow: visible;
      background: transparent;
      box-shadow: none;
    }
    figure.ui-shot--captionless img {
      border: 1px solid var(--rule-light);
      border-radius: 14px;
    }
    figure.ui-shot--captionless .ui-shot__cap {
      margin: 10px 0 0;
      font-size: 12px;
      font-style: italic;
      color: rgba(53, 79, 92, 0.72);
    }

    /* Take a look — full-width band, exciting headline + CTA button */
    .take-a-look {
      margin: clamp(44px, 6vw, 64px) calc(-1 * var(--pad)) 0;
      padding: clamp(44px, 6vw, 64px) var(--pad);
      background: var(--navy-deep);
      border-top: 4px solid var(--mint);
      text-align: center;
    }
    .take-a-look__inner {
      max-width: 560px;
      margin: 0 auto;
    }
    .take-a-look__title {
      font-family: var(--body);
      font-size: clamp(30px, 5vw, 42px);
      font-weight: 700;
      line-height: 1.05;
      letter-spacing: -0.025em;
      color: var(--mint);
      margin: 0 0 14px;
    }
    .take-a-look__rule {
      display: block;
      width: 48px;
      height: 3px;
      background: var(--gold);
      margin: 0 auto 18px;
      border: 0;
    }
    .take-a-look__sub {
      font-family: var(--body);
      font-size: clamp(17px, 2.2vw, 20px);
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -0.01em;
      color: var(--off-white);
      margin: 0 0 12px;
    }
    .take-a-look__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 15px;
      line-height: 1.6;
      color: rgba(235, 245, 248, 0.78);
      margin: 0 0 26px;
    }
    .take-a-look__link {
      display: inline-block;
      font-family: var(--body);
      font-size: 16px;
      font-weight: 700;
      color: var(--navy-deep);
      background: var(--mint);
      padding: 14px 30px;
      border-radius: 9999px;
      text-decoration: none;
      line-height: 1;
    }
    .take-a-look__link:hover { background: #7ef0c8; }

    @media (max-width: 720px) {
      .feature-copy p { font-size: 16px; }
      .future-box { grid-template-columns: 1fr; }
    }

    /* ── COMMAND TRAIL (August release feature) ──── */
    .feature-lockup {
      max-width: 760px;
      margin: 24px 0 8px;
      padding-top: 16px;
      border-top: 2px solid var(--mint-dark);
    }
    .feature-lockup__tag {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-bottom: 12px;
    }
    .feature-lockup__hook {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(22px, 3vw, 28px);
      line-height: 1.2;
      letter-spacing: -0.015em;
      color: var(--navy);
      max-width: 40ch;
      margin-bottom: 14px;
    }
    .feature-lockup__deck {
      font-size: 17px;
      line-height: 1.65;
      color: #49616E;
      max-width: var(--read);
    }

    .article-head {
      max-width: 1080px;
      margin: 0 0 8px;
      display: grid;
      grid-template-columns: 1.35fr 1fr;
      gap: 48px;
      align-items: center;
    }
    .article-head__text { min-width: 0; }
    .article-head__art { min-width: 0; }
    .article-head__art svg { width: 100%; max-width: 380px; height: auto; display: block; margin: 0 auto; }
    @media (max-width: 860px) {
      .article-head { grid-template-columns: 1fr; gap: 24px; }
      .article-head__art { max-width: 360px; }
      .article-head--art-wide .article-head__art svg { width: 100%; max-width: 360px; margin: 0 auto; }
    }
    .article-head--art-wide { grid-template-columns: 1.35fr 1fr; }
    .article-head--art-wide .article-head__art { overflow: visible; }
    .article-head--art-wide .article-head__art svg { width: 130%; max-width: none; margin: 0 0 0 -40px; }

    /* Portrait art — column hugs the bulb, header gets the rest of the width */
    .article-head--mike { grid-template-columns: 1fr auto; }
    .article-head--mike .article-head__art svg { width: 200px; max-width: none; height: auto; }
    .article-head--mike .article-head__art img.mike-portrait {
      width: 200px;
      max-width: none;
      height: 250px;
      object-fit: cover;
      border-radius: 0;                          /* brand: sharp corners */
      border: 1px solid rgba(43, 158, 128, 0.32); /* mint hairline */
      display: block;
    }
    @media (max-width: 640px) {
      .article-head--mike .article-head__art img.mike-portrait { width: 160px; height: 200px; }
    }

    /* ── 3-PART PROCESS FLOW (Minute with Mike) ──── */
    .flow--3 {
      list-style: none;
      margin: 28px 0;
      padding: 0;
      max-width: 1080px;
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr;
      align-items: start;
      gap: 0 8px;
    }
    .flow__step {
      padding-top: 16px;
      border-top: 1px solid var(--rule-light);
      min-width: 0;
    }
    .flow__num {
      display: block;
      font-family: var(--display);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.16em;
      color: var(--mint-dark);
      margin-bottom: 14px;
    }
    .flow__num::after {
      content: '';
      display: block;
      width: 28px;
      height: 2px;
      margin-top: 8px;
      background: #CEB06E;
    }
    .flow__label {
      font-family: var(--body);
      font-size: 17px;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.015em;
      color: #1A1A1A;
      margin: 0 0 8px;
    }
    .flow__body {
      font-size: 15px;
      line-height: 1.6;
      color: #354F5C;
      margin: 0;
    }
    .flow__arrow {
      align-self: center;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 2px;
    }
    .flow__arrow-art { width: 56px; height: 34px; display: block; }
    @media (max-width: 860px) {
      .flow--3 { grid-template-columns: 1fr; gap: 10px; }
      .flow__step { padding-top: 12px; }
      .flow__arrow { transform: rotate(90deg); justify-self: center; padding: 0; margin: -6px 0; }
      .flow__arrow-art { width: 44px; height: 26px; }
    }

    .trail-grid {
      max-width: 760px;
      margin: 32px 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .trail-card {
      padding-top: 16px;
      border-top: 1px solid var(--rule-light);
    }
    .trail-card__label {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-bottom: 10px;
    }
    .trail-card__body {
      font-size: 15px;
      line-height: 1.6;
      color: #354F5C;
    }
    .trail-card__icon {
      display: block;
      margin-bottom: 14px;
      color: var(--mint-dark);
    }
    @media (max-width: 640px) {
      .trail-grid { grid-template-columns: 1fr; gap: 20px; }
    }

    /* ── PLAY CARDS (playbook steps + Mike principles) ──── */
    .play-cards {
      max-width: 760px;
      margin: 28px 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .play-cards--pair { grid-template-columns: repeat(2, 1fr); }
    .play-card {
      padding-top: 16px;
      border-top: 1px solid var(--rule-light);
    }
    .play-card__num {
      font-family: var(--display);
      font-size: 13px;
      font-weight: 700;
      color: var(--mint-dark);
      margin-bottom: 8px;
    }
    .play-card__label {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-bottom: 10px;
    }
    .play-card__body {
      font-size: 15px;
      line-height: 1.6;
      color: #354F5C;
    }
    @media (max-width: 640px) {
      .play-cards, .play-cards--pair { grid-template-columns: 1fr; gap: 20px; }
    }

    /* Play cards on dark — circuit-textured navy panels (Set a revert preset) */
    .sec--dark .play-card {
      background:
        linear-gradient(180deg, rgba(10,22,28,0.86), rgba(10,22,28,0.90)),
        url("https://cdn.prod.website-files.com/62d7d68d14611c2a31d863cd/6ace62b126d0b0a31e98781c_signal-05-texture-circuit-navy-steel.png");
      background-repeat: repeat;
      background-size: 420px;
      border: 1px solid rgba(104, 227, 190, 0.18);
      padding: 18px 18px 20px;
    }
    .sec--dark .play-card__num { color: var(--mint); }
    .sec--dark .play-card__label { color: var(--mint); }
    .sec--dark .play-card__body { color: rgba(235, 245, 248, 0.88); }

    /* Author card on dark (A Minute with Mike sign-off) */
    .sec--dark .author-card { border-top-color: rgba(255, 255, 255, 0.12); }
    .sec--dark .author-card__name { color: var(--off-white); }
    .sec--dark .author-card__title { color: var(--mint); }

    /* The payoff on dark — circuit-textured navy panel, mint top rule */
    .sec--dark .payoff-statement {
      background:
        linear-gradient(180deg, rgba(10,22,28,0.86), rgba(10,22,28,0.90)),
        url("https://cdn.prod.website-files.com/62d7d68d14611c2a31d863cd/6ace62b126d0b0a31e98781c_signal-05-texture-circuit-navy-steel.png");
      background-repeat: repeat;
      background-size: 420px;
      border: 1px solid rgba(104, 227, 190, 0.18);
      border-top: 3px solid var(--mint);
      padding: 18px 22px 20px;
    }
    .sec--dark .payoff-statement__kicker { color: var(--mint); }
    .sec--dark .payoff-statement__body { color: var(--off-white); }

    .callout + .art-body { margin-top: 24px; }

    /* ── DRAFT NOTE ───────────────────────────────────── */
    .draft {
      background: rgba(255, 251, 230, 0.08);
      border: 1px dashed rgba(196, 165, 116, 0.5);
      padding: 14px 18px;
      margin: 16px 0;
      max-width: var(--read);
      font-size: 15px;
      line-height: 1.6;
      color: rgba(235, 245, 248, 0.6);
    }

    .draft strong {
      display: block;
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(196, 165, 116, 0.7);
      margin-bottom: 6px;
    }

    /* ── CLOSING ──────────────────────────────────────── */
    .closing {
      position: relative;
      background: var(--sand);
      padding: clamp(56px, 8vw, 88px) var(--pad) clamp(48px, 7vw, 72px);
      border-top: 0;
    }
    .closing__inner { max-width: 760px; margin: 0 auto; }

    /* ── THE NEW LUCISYSTEMS.COM — article 05 (redesign, scoped under .luci-web-section) ─────────── */
    /* Self-contained dark section. Vars scoped to the section so they don't
       override the newsletter's global --navy/--mint/--gold tokens. Mesh
       backdrop + reading scrim match the issue's other dark sections. */
    .luci-web-section {
      --navy: #0A161C;
      --mint: #67E1C1;
      --gold: #F0CF76;
      --text: #F4F7F8;
      --muted: #C8D2D6;
      --line: rgba(103, 225, 193, 0.30);
      position: relative;
      overflow: hidden;
      background: var(--navy);
      padding: 56px 28px 60px;
      border-top: 1px solid rgba(103, 225, 193, 0.08);
      border-bottom: 1px solid rgba(103, 225, 193, 0.08);
    }
    /* Mesh backdrop — same SVG + screen blend as the issue's dark sections */
    .luci-web-section::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: url("https://cdn.prod.website-files.com/62d7d68d14611c2a31d863cd/6a7e091df18dd3a992d8ac82_luci-bg-hero-1920x1080.svg") center / cover no-repeat;
      mix-blend-mode: screen;
      opacity: 0.26;
    }
    /* Scrim — mute the mesh behind the reading column, top to bottom */
    .luci-web-section::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: linear-gradient(to right,
        rgba(8, 18, 24, 0) 2%,
        rgba(8, 18, 24, 0.66) 20%,
        rgba(8, 18, 24, 0.66) 80%,
        rgba(8, 18, 24, 0) 98%);
    }
    /* Rotated-square accent from the redesign (decorative, corner) */
    .luci-web-accent {
      position: absolute;
      width: 460px;
      height: 460px;
      right: -210px;
      top: -250px;
      border: 1px solid rgba(103, 225, 193, 0.12);
      transform: rotate(45deg);
      box-shadow: 0 0 0 42px rgba(103, 225, 193, 0.025), 0 0 0 84px rgba(103, 225, 193, 0.018);
      pointer-events: none;
      z-index: 0;
    }
    .luci-web-inner {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 760px;
      margin: 0 auto;
    }
    .luci-web-section .eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin-bottom: 26px;
      color: var(--mint);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.24em;
      text-transform: uppercase;
    }
    .luci-web-section .eyebrow::before,
    .luci-web-section .eyebrow::after {
      content: "";
      width: 28px;
      height: 1px;
      background: var(--mint);
    }
    .luci-web-section h2 {
      font-family: var(--body);
      margin: 0 0 22px;
      max-width: 690px;
      font-size: 42px;
      line-height: 1.06;
      letter-spacing: -0.035em;
      font-weight: 800;
      color: var(--text);
    }
    .luci-web-section h2 .gold { color: var(--gold); }
    .luci-web-section .intro {
      max-width: 690px;
      margin: 0 0 30px;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.62;
    }
    .luci-web-section .feature-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      border: 1px solid var(--line);
      background: rgba(11, 30, 35, 0.54);
      margin: 0 0 28px;
    }
    .luci-web-section .feature {
      min-height: 210px;
      padding: 28px 26px 26px;
      background: linear-gradient(180deg, rgba(103, 225, 193, 0.025), rgba(103, 225, 193, 0));
    }
    .luci-web-section .feature + .feature { border-left: 1px solid rgba(103, 225, 193, 0.18); }
    .luci-web-section .feature h3 {
      margin: 0 0 14px;
      color: var(--mint);
      font-size: 12px;
      line-height: 1.45;
      letter-spacing: 0.16em;
      font-weight: 800;
      text-transform: uppercase;
    }
    .luci-web-section .feature p {
      margin: 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.55;
    }
    .luci-web-section .utility {
      display: grid;
      grid-template-columns: 42px 1fr;
      gap: 16px;
      align-items: start;
      margin-top: 8px;
      padding: 22px 24px;
      border-top: 1px solid rgba(103, 225, 193, 0.18);
      border-bottom: 1px solid rgba(103, 225, 193, 0.18);
      background: linear-gradient(90deg, rgba(103, 225, 193, 0.06), rgba(103, 225, 193, 0.015));
    }
    .luci-web-section .utility-mark {
      width: 42px;
      height: 42px;
      border: 1px solid rgba(103, 225, 193, 0.55);
      display: grid;
      place-items: center;
      color: var(--mint);
      font-size: 22px;
    }
    .luci-web-section .utility strong {
      display: block;
      margin: 0 0 5px;
      color: var(--text);
      font-size: 16px;
    }
    .luci-web-section .utility p {
      margin: 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.55;
    }
    .luci-web-section .close {
      margin: 26px 0 0;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.58;
    }
    .luci-web-section .close strong { color: var(--gold); font-weight: 800; }
    @media (max-width: 700px) {
      .luci-web-section { padding: 42px 20px 46px; }
      .luci-web-section h2 { font-size: 34px; }
      .luci-web-section .intro { font-size: 17px; }
      .luci-web-section .feature-grid { grid-template-columns: 1fr; }
      .luci-web-section .feature { min-height: 0; padding: 24px 22px; }
      .luci-web-section .feature + .feature {
        border-left: 0;
        border-top: 1px solid rgba(103, 225, 193, 0.18);
      }
    }
    @media (max-width: 460px) {
      .luci-web-section h2 { font-size: 30px; }
      .luci-web-section .eyebrow { font-size: 11px; gap: 10px; }
      .luci-web-section .feature p, .luci-web-section .utility p { font-size: 15px; }
      .luci-web-section .utility { grid-template-columns: 1fr; }
    }

    /* LinkedIn screenshot — social proof under the follow paragraph */
    .social-shot {
      max-width: 640px;
      margin: 32px auto 0;
    }
    .social-shot__img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 0;                              /* brand: sharp corners */
      border: 1px solid rgba(104, 227, 190, 0.28);  /* mint hairline */
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);   /* lift off the mesh */
    }
    .social-shot__caption {
      margin-top: 12px;
      font-family: var(--body), 'Inter', sans-serif;
      font-size: 13px;
      line-height: 1.5;
      color: rgba(235, 245, 248, 0.62);
      text-align: center;
    }

    .closing__lead {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 600;
      font-size: clamp(19px, 2.4vw, 22px);
      line-height: 1.45;
      letter-spacing: -0.01em;
      color: var(--navy);
      max-width: 52ch;
      margin: 0 0 18px;
    }
    .closing__lead em { color: var(--navy); font-style: normal; font-weight: 700; }
    .closing__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 17px;
      line-height: 1.72;
      color: #354F5C;
      max-width: 58ch;
      margin: 0;
    }
    .closing__sig {
      position: relative;
      margin: 28px 0 0;
      padding-left: 20px;
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 20px;
      font-style: italic;
      font-weight: 500;
      color: var(--navy);
      line-height: 1.35;
    }
    .closing__sig::before {
      content: "";
      position: absolute;
      left: 0;
      top: 2px;
      bottom: 2px;
      width: 4px;
      background: var(--mint-dark);
    }
    .closing__sig strong {
      display: block;
      margin-top: 8px;
      font-family: var(--body);
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--mint-dark);
    }
    .closing__more {
      margin: 36px 0 0;
      padding-top: 22px;
      border-top: 1px solid rgba(10, 22, 28, 0.14);
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 14px;
      color: var(--navy-muted);
    }
    .closing__more a {
      color: var(--navy);
      font-weight: 600;
      text-decoration: none;
      border-bottom: 1px solid rgba(43, 158, 128, 0.45);
      transition: border-color 0.15s ease;
    }
    .closing__more a:hover { border-bottom-color: var(--mint-dark); }
    .closing__more a span {
      display: inline-block;
      margin-left: 4px;
      color: var(--mint-dark);
      transition: transform 0.15s ease;
    }
    .closing__more a:hover span { transform: translateX(3px); }
    @media (max-width: 640px) {
      .closing__sig { max-width: none; }
    }

    /* ── FOOTER ───────────────────────────────────────── */
    .footer {
      background: var(--navy);
      padding: var(--pad);
      border-top: 1px solid rgba(var(--mint-rgb), 0.12);
    }

    .footer__top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px;
      flex-wrap: wrap;
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }

    .footer__tag {
      font-family: var(--display);
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(var(--mint-rgb), 0.6);
      margin-top: 8px;
    }

    .footer__links { text-align: right; }
    .footer__links a {
      display: block;
      font-size: 13px;
      color: rgba(var(--mint-rgb), 0.85);
      text-decoration: none;
      margin-bottom: 5px;
    }

    .footer__links a:hover { color: var(--mint); }

    .footer__legal {
      font-size: 12px;
      line-height: 1.7;
      color: rgba(74, 95, 106, 0.8);
    }

    .footer__legal-link { color: rgba(var(--mint-rgb), 0.45); text-decoration: none; }
    .footer__legal-link:hover { color: var(--mint); }

    /* ── EDITOR NOTES ─────────────────────────────────── */
    .editor-notes {
      background: #111;
      padding: 14px var(--pad);
      font-size: 12px;
      color: #888;
      line-height: 1.6;
    }

    .editor-notes strong { color: #d4a017; }

    /* ── QUICK TIP — steps above a larger video (dark section) ─── */
    .quick-tip__media {
      display: grid;
      grid-template-columns: 1fr;
      gap: clamp(24px, 3vw, 32px);
      align-items: start;
      margin: clamp(20px, 3vw, 28px) 0 clamp(20px, 3vw, 32px);
    }
    .quick-tip__intro {
      max-width: 62ch;
      margin: 24px 0 0;
    }
    .quick-tip__intro p {
      margin: 0 0 16px;
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.65;
      color: rgba(235, 245, 248, 0.88);
    }
    .quick-tip__intro p:last-child { margin-bottom: 0; }
    .quick-tip__media .steps { max-width: 62ch; margin: 0; }
    .quick-tip__shot { margin: 0; }
    .quick-tip__shot .field-photo-ph { aspect-ratio: 4 / 3; height: auto; min-height: 180px; }
    .quick-tip__video {
      width: 100%;
      height: auto;
      aspect-ratio: 4 / 3;
      display: block;
      background: rgba(104, 227, 190, 0.06);
    }
    .quick-tip__shot figcaption {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      line-height: 1.5;
      color: rgba(235, 245, 248, 0.72);
      margin-top: 10px;
    }
    .quick-tip__shot figcaption strong { color: var(--mint); font-weight: 700; }
    .field-photo-ph--dark {
      background: rgba(104, 227, 190, 0.06);
      border-color: rgba(104, 227, 190, 0.35);
      color: rgba(235, 245, 248, 0.5);
    }
    @media (max-width: 640px) {
      .quick-tip__media { grid-template-columns: 1fr; gap: 28px; }
    }

    /* ── QUICK TIP CALLOUT — Issue 06 rev: compact two-column (box + prose) ─── */
    #quick-tip .art-title { max-width: none; }
    /* Quick Tip editorial hierarchy: article first, then one full-width
       two-part callout — fixed assignments vs flexible capacity. */
    .quicktip-opener {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 500;
      font-size: clamp(20px, 2.6vw, 24px);
      line-height: 1.48;
      letter-spacing: -0.01em;
      color: var(--off-white);
      max-width: 42ch;
      margin: 8px 0 20px;
    }
    .quicktip-recommendation {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 17px;
      line-height: 1.7;
      color: rgba(235, 245, 248, 0.82);
      max-width: 62ch;
      margin: 0 0 clamp(32px, 5vw, 48px);
    }
    .quicktip-recommendation strong { color: var(--mint); font-weight: 700; }
    .quicktip-callout {
      background: rgba(10, 22, 28, 0.34);
      border-top: 4px solid var(--mint);
      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
      padding: clamp(24px, 4vw, 36px);
    }
    .quicktip-callout__eyebrow {
      font-family: var(--body);
      font-weight: 700;
      font-size: 11px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--mint);
      margin: 0 0 24px;
    }
    .quicktip-callout__grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
      gap: clamp(24px, 4vw, 40px);
      align-items: stretch;
    }
    .quicktip-callout__divider { background: rgba(235, 245, 248, 0.16); }
    .quicktip-callout__group { position: relative; padding-left: 56px; }
    .quicktip-callout__num {
      position: absolute;
      left: 0;
      top: -4px;
      font-family: var(--body);
      font-weight: 700;
      font-size: 38px;
      line-height: 1;
      letter-spacing: -0.04em;
      color: var(--mint);
    }
    .quicktip-callout__group--flex .quicktip-callout__num,
    .quicktip-callout__group--flex .quicktip-callout__label { color: var(--gold); }
    .quicktip-callout__label {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(19px, 2.3vw, 22px);
      line-height: 1.15;
      letter-spacing: -0.015em;
      color: var(--mint);
      margin: 0 0 14px;
    }
    .quicktip-callout__list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .quicktip-callout__list li {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.45;
      color: var(--off-white);
      padding: 9px 0;
      border-bottom: 1px solid rgba(235, 245, 248, 0.1);
    }
    .quicktip-callout__list li:last-child { border-bottom: 0; }
    .quicktip-punch {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 700;
      font-size: clamp(20px, 2.6vw, 24px);
      line-height: 1.35;
      letter-spacing: -0.015em;
      color: var(--off-white);
      max-width: 42ch;
      margin: 28px auto 0;
      text-align: center;
    }
    .quicktip-punch em { color: var(--gold); font-style: normal; }
    @media (max-width: 720px) {
      .quicktip-callout__grid { grid-template-columns: 1fr; gap: 28px; }
      .quicktip-callout__divider { width: 100%; height: 1px; }
    }

    /* ── SINCE THE LAST SIGNAL — wide photo bands ─── */
    .since-bands { margin-top: clamp(28px, 4vw, 40px); display: flex; flex-direction: column; gap: clamp(20px, 3vw, 32px); }
    .since-band {
      position: relative;
      margin: 0;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      border-radius: 0;
    }
    .since-band__img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
    .since-band__img.field-photo-ph { aspect-ratio: auto; height: 100%; }
    .since-band__scrim {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(8, 18, 24, 0.92) 0%, rgba(8, 18, 24, 0.55) 38%, rgba(8, 18, 24, 0) 68%);
      pointer-events: none;
    }
    .since-band__cap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: clamp(20px, 3vw, 32px) var(--pad);
      color: var(--off-white);
    }
    .since-band__metric {
      display: block;
      font-family: var(--display);
      font-size: clamp(11px, 1.4vw, 13px);
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--mint);
      margin-bottom: 6px;
    }
    .since-band__name {
      display: block;
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(20px, 3vw, 28px);
      letter-spacing: -0.02em;
      line-height: 1.1;
      color: var(--off-white);
      margin-bottom: 10px;
    }
    .since-band__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: clamp(14px, 1.6vw, 16px);
      line-height: 1.55;
      color: rgba(235, 245, 248, 0.85);
      max-width: 58ch;
      margin: 0;
    }

    /* ── FROM LUCI — Field Activation Guide role tiles ─── */
    .fag-tiles {
      list-style: none;
      margin: clamp(28px, 4vw, 40px) 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(16px, 2.5vw, 24px);
    }
    .fag-tile {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .fag-tile__art {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 0;
    }
    .fag-tile__name {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(14px, 1.5vw, 16px);
      letter-spacing: -0.01em;
      color: var(--navy);
    }
    @media (max-width: 640px) {
      .fag-tiles { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 420px) {
      .fag-tiles { grid-template-columns: 1fr; }
    }
    .fag-cta {
      margin: clamp(8px, 1.5vw, 16px) 0 0;
      font-family: var(--body);
      font-size: clamp(16px, 2vw, 18px);
      font-weight: 600;
    }
    .fag-cta a {
      color: var(--mint-dark);
      text-decoration: none;
      border-bottom: 2px solid rgba(43, 158, 128, 0.35);
      padding-bottom: 2px;
      transition: border-color 0.15s, color 0.15s;
    }
    .fag-cta a:hover { border-bottom-color: var(--mint-dark); }
    .fag-cta a span { transition: transform 0.15s; }
    .fag-cta a:hover span { transform: translateX(3px); }

    /* ── LUCI PROJECT UPDATE — itinerary ledger (compact own section, axis A) ─── */
    /* One column, three hairline-separated rows, 48px stamp thumbnails.
       Reads as its own small section (centered kicker like the other sections). */
    .proj-snapshot {
      padding: clamp(36px, 5vw, 52px) var(--pad);
    }
    .proj-snapshot__opening {
      font-family: var(--body);                 /* Space Grotesk */
      font-weight: 700;
      font-size: clamp(21px, 2.6vw, 26px);
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: var(--navy);
      margin: 0 0 12px;
      max-width: 24ch;
    }
    .proj-snapshot__dek {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: clamp(15px, 1.7vw, 16px);
      line-height: 1.6;
      color: rgba(235, 245, 248, 0.78);
      max-width: 62ch;
      margin: 0 0 clamp(22px, 3vw, 28px);
    }
    .proj-log {
      list-style: none;
      margin: 0;
      padding: 0;
      border-top: 1px solid var(--rule-light);
    }
    .proj-log__row {
      display: grid;
      grid-template-columns: 48px 1fr;
      column-gap: 16px;
      align-items: start;
      padding: 16px 0;
      border-bottom: 1px solid var(--rule-light);
    }
    .proj-log__stamp {
      width: 48px;
      height: 48px;
      object-fit: cover;
      display: block;
      border-radius: 0;
    }
    .proj-log__head {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 4px 10px;
      margin-bottom: 5px;
    }
    .proj-log__name {
      font-family: var(--body);                /* Space Grotesk */
      font-weight: 700;
      font-size: 15px;
      letter-spacing: -0.01em;
      color: var(--navy);
    }
    .proj-log__place {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 500;
      font-size: 12.5px;
      color: var(--navy-muted);
    }
    .proj-log__date {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 600;
      font-size: 11px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--mint-dark);
      margin-left: auto;
    }
    .proj-log__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.55;
      color: var(--navy-muted);
      margin: 0;
      max-width: 62ch;
    }
    .proj-log__bridge {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 400;
      font-size: clamp(15px, 1.7vw, 16px);
      line-height: 1.6;
      color: #354F5C;
      margin: clamp(22px, 3vw, 26px) 0 0;
      max-width: 62ch;
    }
    .proj-log__bridge::before {
      content: "\2192";                          /* → */
      color: var(--mint-dark);
      font-weight: 700;
      margin-right: 10px;
    }
    .proj-log__bridge strong {
      font-weight: 700;
      color: var(--navy);
    }
    @media (max-width: 640px) {
      .proj-log__row { column-gap: 12px; }
      .proj-log__date { margin-left: 0; }
    }

    /* ── FAG linked role tiles (compact, after second paragraph) ─── */
    .fag-tiles--links { margin: clamp(20px, 3vw, 28px) 0 0; }
    /* Breathing room between the role tiles and the following paragraph (From LUCI) */
    #from-luci .fag-tiles--links + .art-body { margin-top: clamp(32px, 5vw, 48px); }
    .fag-tile--link {
      display: flex;
      flex-direction: column;
      gap: 8px;
      text-decoration: none;
      padding: clamp(16px, 2vw, 20px);
      background: #F5F8FA;
      border: 1px solid var(--rule-light);
      transition: border-color 0.15s, background 0.15s;
    }
    .fag-tile--link:hover { border-color: var(--mint-dark); background: #EAF6F1; }
    .fag-tile__ic { width: 28px; height: 28px; display: block; }
    .fag-tile__ic svg { width: 100%; height: 100%; display: block; }
    .fag-tile--link .fag-tile__name {
      font-size: clamp(14px, 1.5vw, 16px);
      color: var(--navy);
    }
    .fag-tile--link .fag-tile__go {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--mint-dark);
    }
    /* VARIANT A — larger inline stamps */
    /* Issue 05: landscape 16:10 stamps so the full photo shows uncropped */
    .proj-log__row { grid-template-columns: 224px 1fr; column-gap: 24px; padding: 24px 0; align-items: center; }
    .proj-log__stamp { width: 224px; height: 140px; object-fit: cover; }
    @media (max-width: 640px) {
      .proj-log__row { grid-template-columns: 160px 1fr; column-gap: 16px; padding: 20px 0; }
      .proj-log__stamp { width: 160px; height: 100px; }
    }
    @media (max-width: 420px) {
      .proj-log__row { grid-template-columns: 1fr; row-gap: 12px; }
      .proj-log__stamp { width: 100%; height: auto; aspect-ratio: 16 / 10; }
    }

    /* DRAFT placeholder highlight — Issue 05 first draft for Mike review */
    .tbd { background: #FFE58A; color: #10232D; padding: 0 .25em; border-radius: 3px; font-weight: 600; }
    .tbd--dark { background: #FFE58A; color: #10232D; padding: 0 .25em; border-radius: 3px; font-weight: 600; }

    /* Project Update stamp placeholder — dashed box matching .proj-log__stamp size */
    .proj-log__stamp--placeholder {
      background: #F2F5F7;
      border: 1px dashed #B8C3CA;
      border-radius: 0;
      display: block;
    }

    /* Advice subhead — minimal art-body subhead (no 04/03 equivalent exists) */
    .art-sub {
      font-family: var(--body);
      font-weight: 700;
      font-size: 18px;
      line-height: 1.25;
      letter-spacing: -0.01em;
      color: var(--navy);
      margin: 26px 0 8px;
    }
    .art-sub:first-child { margin-top: 0; }

    /* ── ISSUE 06 REVISION: long-relationships walk, last-month cards, photo placeholder ── */

    /* Picturesque walk — photo + bold property name + paragraph, stacked down the page */
    .walk { margin-top: 8px; }
    .walk-stop { margin: 0 0 clamp(32px, 5vw, 48px); }
    .walk-stop:last-child { margin-bottom: 0; }
    .walk-stop__photo { margin: 0 0 18px; line-height: 0; }
    .walk-stop__photo img {
      display: block; width: 100%; height: auto;
      object-fit: cover; aspect-ratio: 16 / 9;
    }
    .walk-stop__name {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(20px, 2.6vw, 26px);
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: var(--navy);
      margin: 0 0 10px;
    }
    .walk-stop__body p {
      font-size: 17px;
      line-height: 1.72;
      margin: 0 0 14px;
      max-width: var(--read);
    }
    .walk-stop__body p:last-child { margin-bottom: 0; }

    /* Photo placeholder frame (Caesars — no usable photo) */
    .photo-ph {
      aspect-ratio: 16 / 9;
      background: repeating-linear-gradient(45deg, #EEF2F4 0 14px, #E4EAED 14px 28px);
      border: 1px dashed #B8C2C7;
      display: flex; align-items: center; justify-content: center;
      text-align: center; padding: 24px;
    }
    .photo-ph span {
      background: #fff3a6;
      padding: 4px 10px;
      font: 700 12px/1.4 Arial, sans-serif;
      color: #10232d;
      letter-spacing: 0.02em;
    }

    /* Last month — short cards with photos (3-up grid) */
    .month-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(16px, 2.5vw, 28px);
      margin-top: 8px;
    }
    .month-card {
      display: flex; flex-direction: column;
      background: transparent;
      border: 1px solid rgba(var(--mint-rgb), 0.18);
    }
    .month-card__photo { line-height: 0; }
    .month-card__photo img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
    .month-card__body { padding: clamp(16px, 2vw, 22px); }
    .month-card__name {
      font-family: var(--body);
      font-weight: 700;
      font-size: 17px;
      letter-spacing: -0.01em;
      color: var(--off-white);
      margin: 0 0 6px;
    }
    .month-card__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 14.5px;
      line-height: 1.6;
      color: rgba(235, 245, 248, 0.78);
      margin: 0;
    }
    @media (max-width: 760px) { .month-grid { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 520px) { .month-grid { grid-template-columns: 1fr; } }

    /* ── ISSUE 06 FINAL — project update status, retention moment, on-deck list, poll, brochure, field collage, light pull quote ── */

    /* Project Update — LIVE / IN PROGRESS status badge (text + color, never color alone) */
    .proj-status {
      display: inline-block;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      padding: 4px 9px;
      margin: 10px 0 0;
      border: 1px solid;
    }
    .proj-status--live {
      color: var(--mint);
      border-color: rgba(var(--mint-rgb), 0.45);
      background: rgba(var(--mint-rgb), 0.08);
    }
    .proj-status--progress {
      color: var(--gold);
      border-color: rgba(237, 208, 134, 0.45);
      background: rgba(237, 208, 134, 0.08);
    }
    .proj-status__date {
      font-family: 'Inter', system-ui, sans-serif;
      font-weight: 600;
      letter-spacing: 0.04em;
      margin-left: 6px;
      text-transform: none;
    }
    .month-card__place {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: rgba(235, 245, 248, 0.72);
      margin: 0 0 4px;
    }
    .month-card__photo .photo-ph { aspect-ratio: 4 / 3; }

    /* Captioned figure for the Skyline card — small italic Inter credit
       below the photo, styled to read on the navy mesh (mirrors the In the
       Field .field-inline-photo figcaption language, restyled for dark). */
    .month-card__figure { margin: 0; display: flex; flex-direction: column; }
    .month-card__credit {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 12px;
      line-height: 1.4;
      font-style: italic;
      color: rgba(235, 245, 248, 0.72);
      margin: 0;
      padding: 8px 12px 0;
    }

    /* Boyd two-image collage (enterprise range) */
    .field-collage {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      max-width: 760px;
      margin: 8px 0 22px;
    }
    .field-collage img {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 4 / 3;
      object-fit: cover;
    }
    .field-collage__cap {
      grid-column: 1 / -1;
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      line-height: 1.5;
      font-style: italic;
      color: var(--navy-muted);
      margin: 4px 0 0;
      max-width: 62ch;
    }
    @media (max-width: 560px) { .field-collage { grid-template-columns: 1fr; } }

    /* Compact inline photo for continuity (Osage) */
    .field-inline-photo {
      max-width: 620px;
      margin: 8px 0 22px;
    }
    .field-inline-photo img {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9;
      object-fit: cover;
    }
    .field-inline-photo figcaption {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      line-height: 1.5;
      font-style: italic;
      color: var(--navy-muted);
      margin-top: 8px;
      max-width: 62ch;
    }

    /* Pull quote on light canvas (In the Field) */
    .pullquote--light {
      margin: 32px 0 12px;
      font-family: var(--body);
      font-size: clamp(19px, 2.4vw, 23px);
      font-style: italic;
      line-height: 1.45;
      color: var(--navy);
      border-left: 4px solid var(--mint-dark);
      padding: 14px 0 14px 22px;
      max-width: 38ch;
    }
    .pullquote--light--beyond {
      color: var(--navy);
      max-width: 44ch;
    }

    /* ── BEYOND THE PLATFORM — 'From a Vision to an Enterprise-Wide
       Solution' article. Light canvas (Track C document). Adapted from
       Jane's design concept under LUCI brand standards: Space Grotesk
       heads, Inter body + italic pull quote, gold-deep emphasis, mint-dark
       accent rules/bars (canonized light-surface accent — never bright
       mint on light). Structure: kicker → title (gold em) → standfirst →
       short gold rule → italic lead-in question → body → mint-wash pull
       quote band → split text + technician photo → 100+ metric row →
       closing two paragraphs. */
    #beyond-platform .art-standfirst,
    #beyond-platform .art-body p {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 17px;
      line-height: 1.72;
      color: #354F5C;
      max-width: var(--read);
    }
    #beyond-platform .art-standfirst { margin-bottom: 24px; }

    /* Short gold rule removed per Jane — the lead-in question now carries
       the pivot on its own. */

    /* Italic lead-in question — the pivot from problem to LUCI's vision.
       Carries more weight than body copy so the pivot reads at a glance. */
    #beyond-platform .beyond-lead {
      font-family: 'Inter', system-ui, sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: clamp(22px, 2.8vw, 26px);
      line-height: 1.35;
      color: var(--navy);
      margin: 0 0 18px;
      max-width: var(--read);
    }

    /* Mint-wash pull-quote band — italic Inter, mint-dark left bar,
       emphasized clause in bold navy (gold didn't carry enough
       contrast on the mint wash). */
    #beyond-platform .beyond-pull {
      background: #EAF6F1;
      border-left: 4px solid var(--mint-dark);
      padding: 22px 26px;
      margin: 28px 0;
      max-width: 56ch;
      font-family: 'Inter', system-ui, sans-serif;
      font-style: italic;
      font-size: clamp(19px, 2.4vw, 23px);
      line-height: 1.45;
      color: var(--navy);
    }
    #beyond-platform .beyond-pull em {
      font-style: italic;
      font-weight: 700;
      color: var(--navy);
    }

    /* Split layout — two paragraphs left, photo collage right.
       Collage = four equal-size prints (technician, Yaamava' entry,
       Sams Town sportsbook, rack) arranged 2x2 and overlapping at the seams. */
    #beyond-platform .beyond-split {
      display: grid;
      grid-template-columns: 0.85fr 1.15fr;
      gap: clamp(24px, 3.2vw, 40px);
      align-items: center;
      margin: 28px 0 8px;
    }
    #beyond-platform .beyond-split__text p { margin-bottom: 16px; }
    #beyond-platform .beyond-split__text p:last-child { margin-bottom: 0; }
    #beyond-platform .beyond-collage {
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 0.98;
    }
    /* Four equal-size prints, 2x2, overlapping at the seams with slight tilts */
    #beyond-platform .beyond-collage img {
      position: absolute;
      width: 55%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      border: 3px solid var(--off-white);
      box-shadow: 0 10px 24px rgba(10, 22, 28, 0.32);
    }
    /* 2 — technician: top-left */
    #beyond-platform .beyond-collage img:nth-child(2) {
      top: 0; left: 0; z-index: 3; transform: rotate(-2.5deg);
    }
    /* 1 — venue: top-right, sits a little lower */
    #beyond-platform .beyond-collage img:nth-child(1) {
      top: 9%; right: 0; z-index: 2; transform: rotate(2.5deg);
    }
    /* 4 — Sams Town sportsbook: bottom-left */
    #beyond-platform .beyond-collage img:nth-child(4) {
      top: 43%; left: 1%; z-index: 2; transform: rotate(2deg);
    }
    /* 3 — rack: bottom-right, overlaps the others at the center seam */
    #beyond-platform .beyond-collage img:nth-child(3) {
      top: 52%; right: 0; z-index: 4; transform: rotate(-2deg);
    }
    @media (max-width: 640px) {
      #beyond-platform .beyond-split { grid-template-columns: 1fr; gap: 22px; }
      #beyond-platform .beyond-split__photo { order: -1; }
    }

    /* 100+ metric row — gold numeral with mint brushstroke underline,
       hairline divider, caps label + italic caption. */
    #beyond-platform .beyond-metric {
      display: flex;
      align-items: center;
      gap: clamp(20px, 3vw, 32px);
      margin: 36px 0 28px;
      max-width: 760px;
      flex-wrap: wrap;
    }
    #beyond-platform .beyond-metric__num {
      font-family: 'Space Grotesk', 'Trebuchet MS', sans-serif;
      font-weight: 700;
      font-size: clamp(56px, 9vw, 84px);
      line-height: 0.9;
      letter-spacing: -0.03em;
      color: var(--gold-deep);
      position: relative;
      padding-bottom: 14px;
    }
    #beyond-platform .beyond-metric__num::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 56px;
      height: 4px;
      background: var(--mint-dark);
      border-radius: 2px;
    }
    #beyond-platform .beyond-metric__divider {
      width: 1px;
      align-self: stretch;
      background: rgba(53, 79, 92, 0.18);
    }
    #beyond-platform .beyond-metric__body { flex: 1 1 220px; min-width: 0; }
    #beyond-platform .beyond-metric__label {
      font-family: 'Space Grotesk', 'Trebuchet MS', sans-serif;
      font-weight: 700;
      font-size: 11px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--navy);
      margin: 0 0 8px;
    }
    #beyond-platform .beyond-metric__caption {
      font-family: 'Inter', system-ui, sans-serif;
      font-style: italic;
      font-size: 16px;
      line-height: 1.5;
      color: #354F5C;
      margin: 0;
      max-width: 48ch;
    }
    @media (max-width: 640px) {
      #beyond-platform .beyond-metric__divider { display: none; }
    }

    /* Retention moment — the issue's strongest typographic moment (dark) */
    .retention-moment {
      margin: 28px 0 26px;
      padding: 4px 0 0;
    }
    .retention-moment__row {
      display: flex;
      align-items: center;
      gap: clamp(18px, 2.4vw, 28px);
      flex-wrap: wrap;
    }
    .retention-moment__num {
      font-family: var(--display);
      font-weight: 700;
      font-size: clamp(56px, 12vw, 104px);
      line-height: 0.95;
      letter-spacing: -0.02em;
      color: var(--mint);
      text-transform: uppercase;
      display: block;
    }
    .retention-moment__num .pct {
      font-size: 0.55em;
      vertical-align: 0.32em;
      margin-left: 0.04em;
    }
    .retention-moment__divider {
      width: 2px;
      align-self: stretch;
      min-height: 64px;
      background: var(--gold);
      flex-shrink: 0;
    }
    .retention-moment__label {
      font-family: var(--display);
      font-weight: 700;
      font-size: clamp(13px, 1.6vw, 16px);
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--off-white);
      display: block;
      margin: 0;
      max-width: 22ch;
    }
    .retention-moment__sub {
      font-family: var(--body);
      font-weight: 600;
      font-size: clamp(18px, 2.2vw, 22px);
      line-height: 1.3;
      color: var(--off-white);
      margin: 18px 0 0;
      max-width: 32ch;
    }
    /* Short gold rule beneath the retention sub-headline */
    #record .retention-rule {
      width: 40px;
      height: 2px;
      background: var(--gold);
      border: 0;
      margin: 22px 0 20px;
    }
    /* Callout quote — italic white, slanted bold mint bar on the left */
    #record .retention-quote {
      position: relative;
      margin: 24px 0 20px;
      padding: 6px 0 6px 22px;
      font-family: 'Inter', system-ui, sans-serif;
      font-style: italic;
      font-size: clamp(19px, 2.4vw, 23px);
      line-height: 1.45;
      color: var(--off-white);
      max-width: 52ch;
    }
    #record .retention-quote::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      bottom: 4px;
      width: 5px;
      background: var(--mint);
      transform: skewY(-8deg);
      transform-origin: center;
    }
    .retention-bridge {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--mint);
      margin: 28px 0 6px;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .retention-bridge::before,
    .retention-bridge::after {
      content: '';
      height: 1px;
      background: rgba(var(--mint-rgb), 0.3);
      flex: 1;
      max-width: 60px;
    }

    /* On Deck — 'And the Family is Growing'. A sub-block of the Record
       section, not a new section: hairline above, plain left-aligned label
       (no flanking rules), then a two-column client list. */
    #record #on-deck {
      margin-top: clamp(48px, 6vw, 64px);
      padding-top: 32px;
      border-top: 1px solid rgba(235, 245, 248, 0.16);
      text-align: center;
    }
    #on-deck .on-deck-label {
      font-family: var(--body);
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--gold);
      margin: 0 0 12px;
    }
    #on-deck .on-deck-welcome {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(20px, 2.6vw, 26px);
      line-height: 1.25;
      letter-spacing: -0.015em;
      color: var(--off-white);
      margin: 0 auto 24px;
      max-width: 40ch;
    }
    .on-deck-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: auto auto;
      grid-template-rows: auto auto;
      grid-auto-flow: column;
      gap: 16px 0;
      width: fit-content;
      max-width: 100%;
      margin: 0 auto;
      text-align: left;
    }
    .on-deck-list li {
      display: flex;
      align-items: baseline;
      gap: 12px;
      padding: 2px 0;
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(16px, 1.9vw, 19px);
      line-height: 1.3;
      letter-spacing: -0.01em;
      color: var(--off-white);
    }
    .on-deck-list li:nth-child(-n+2) { padding-right: clamp(20px, 3vw, 32px); }
    /* Right column: hairline divider + inset */
    .on-deck-list li:nth-child(n+3) {
      border-left: 1px solid rgba(235, 245, 248, 0.22);
      padding-left: clamp(20px, 3vw, 32px);
    }
    .on-deck-list .star {
      color: var(--gold);
      font-size: 1.05em;
      line-height: 1;
      flex-shrink: 0;
    }
    @media (max-width: 640px) {
      .on-deck-list { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; gap: 12px; }
      .on-deck-list li:nth-child(n+3) { border-left: 0; padding-left: 0; }
      .on-deck-list li:nth-child(-n+2) { padding-right: 0; }
    }

    /* ── A Minute with Mike — photo + pull-quote callout float right; the
       copy wraps around them, then runs full width. Drop cap on the opener.
       Body in Inter. (Reference layout from Jane, Nov 2026; no gold rule
       under the title.) ── */
    #mike-column .mike-article { display: flow-root; }
    #mike-column .mike-aside {
      float: right;
      width: clamp(200px, 30vw, 240px);
      margin: 0 0 20px clamp(24px, 4vw, 40px);
    }
    #mike-column .mike-aside img.mike-portrait {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      border: 1px solid rgba(43, 158, 128, 0.32);
      margin: 0 0 20px;
    }
    #mike-column .kicker { justify-content: flex-start; display: flex; width: auto; }
    #mike-column .mike-head .art-title { max-width: none; font-size: clamp(24px, 3.4vw, 31px); }
    #mike-column .art-standfirst,
    #mike-column .art-body p {
      font-family: 'Inter', system-ui, sans-serif;
    }
    #mike-column .art-body p:first-child::first-letter {
      font-family: 'Space Grotesk', 'Trebuchet MS', sans-serif;
      font-weight: 700;
      font-size: 4.4em;
      line-height: 0.78;
      float: left;
      margin: 6px 12px 0 0;
      color: var(--gold-deep);
    }
    /* Callout — mint wash, mint bar, bold italic quote */
    #mike-column .mike-callout {
      position: relative;
      margin: 0;
      padding: 26px 22px 26px 36px;
      background: #EAF6F1;
      border-radius: 6px 14px 8px 12px;
      font-family: 'Inter', system-ui, sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: clamp(17px, 2.1vw, 20px);
      line-height: 1.4;
      color: var(--navy);
    }
    #mike-column .mike-callout::before {
      content: "";
      position: absolute;
      left: 18px;
      top: 22px;
      bottom: 22px;
      width: 4px;
      background: var(--mint-dark);
    }
    @media (max-width: 640px) {
      #mike-column .mike-aside { float: none; width: 100%; margin: 0 0 24px; }
      #mike-column .mike-aside img.mike-portrait { width: 200px; }
    }

    /* Poll block (Happenings — dark canvas). Hierarchy: kicker → title
       (gold "what you think") → standfirst context → the question as a
       prominent sub-headline → CTA button. A glance lands on the
       question, not buried body copy. */
    .poll-question {
      font-family: 'Space Grotesk', 'Trebuchet MS', sans-serif;
      font-weight: 700;
      font-size: clamp(22px, 3vw, 28px);
      line-height: 1.25;
      letter-spacing: -0.015em;
      color: var(--off-white);
      margin: 28px 0 24px;
      max-width: var(--read);
    }
    .poll-block {
      max-width: var(--read);
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }
    .poll-block__btn {
      display: inline-block;
      font-family: var(--body);
      font-weight: 700;
      font-size: 16px;
      letter-spacing: 0.01em;
      color: #0B2A3A;
      background: var(--mint);
      padding: 14px 28px;
      text-decoration: none;
      border-bottom: 3px solid var(--mint-dark);
      transition: background 0.15s ease, transform 0.15s ease;
    }
    .poll-block__btn:hover { background: #7CF0CA; transform: translateY(-1px); }

    /* Poll standfirst on the dark canvas — no global .sec--dark .art-standfirst
       rule exists, so scope the readable light body color here only (other
       sections' standfirsts keep their inherited color). */
    #happenings .art-standfirst { color: rgba(235, 245, 248, 0.92); }

    /* What's Coming — one crisp product preview, three support outcomes,
       then a de-boxed CTA. */
    #whats-coming .art-title { max-width: none; }
    #whats-coming .art-standfirst { max-width: 48ch; margin-bottom: 32px; }
    #whats-coming .support-preview {
      margin: 0 0 36px;
      max-width: none;
    }
    #whats-coming .support-preview__meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin: 0 0 12px;
      font-family: var(--body);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--mint-dark);
    }
    #whats-coming .support-preview__status {
      color: var(--gold-deep);
      letter-spacing: 0.1em;
    }
    #whats-coming .support-preview__frame {
      position: relative;
      padding: 10px;
      background: var(--navy-deep);
      box-shadow: 0 24px 48px rgba(10, 22, 28, 0.22);
    }
    #whats-coming .support-preview img,
    #whats-coming .support-preview video {
      display: block;
      width: 100%;
      height: auto;
      border: 0;
    }
    #whats-coming .support-preview img {
      aspect-ratio: 1800 / 1010;
      object-fit: cover;
    }
    #whats-coming .support-preview figcaption {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      line-height: 1.55;
      font-style: italic;
      color: var(--navy-muted);
      margin: 12px 0 0;
      max-width: 68ch;
    }
    #whats-coming .support-points {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(20px, 3vw, 32px);
      margin: 0 0 clamp(40px, 6vw, 56px);
      padding: 0;
    }
    #whats-coming .support-points li { min-width: 0; }
    #whats-coming .support-point__icon {
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      background: linear-gradient(155deg, #E6F5EF 0%, #F3FAF8 100%);
      box-shadow: inset 0 0 0 1px rgba(43, 158, 128, 0.14);
      margin: 0 0 16px;
    }
    #whats-coming .support-point__icon svg { width: 28px; height: 28px; }
    #whats-coming .support-point__title {
      font-family: var(--body);
      font-weight: 700;
      font-size: 17px;
      line-height: 1.25;
      letter-spacing: -0.01em;
      color: var(--navy);
      margin: 0 0 8px;
    }
    #whats-coming .support-points p:not(.support-point__title) {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 15px;
      line-height: 1.62;
      color: #354F5C;
      margin: 0;
    }
    #whats-coming .brochure-block {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 24px 40px;
      margin: 0;
      padding: 28px 0 0;
      border: 0;
      border-top: 1px solid var(--rule-light);
      background: transparent;
      max-width: none;
    }
    #whats-coming .brochure-block__body { min-width: 0; }
    #whats-coming .brochure-block__title {
      font-family: var(--body);
      font-weight: 700;
      font-size: clamp(20px, 2.6vw, 24px);
      line-height: 1.2;
      letter-spacing: -0.015em;
      color: var(--navy);
      margin: 0 0 8px;
    }
    #whats-coming .brochure-block__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 15px;
      line-height: 1.6;
      color: #354F5C;
      margin: 0;
      max-width: 58ch;
    }
    #whats-coming .brochure-block__btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      white-space: nowrap;
      padding: 13px 22px;
      background: var(--mint-dark);
      color: #fff;
      font-family: var(--body);
      font-size: 13px;
      font-weight: 700;
      text-decoration: none;
      border-radius: 9999px;
    }
    #whats-coming .brochure-block__btn::after { content: "\2192"; font-size: 18px; line-height: 1; }
    #whats-coming .brochure-block__btn:hover { background: var(--navy); }

    /* December website launch — full-width announcement band between sections */
    .website-callout-zone {
      background: var(--white);
      padding: 0 0 64px;
    }
    .website-callout {
      display: grid;
      grid-template-columns: 64px 2px minmax(0, 1fr);
      align-items: center;
      gap: 30px;
      min-height: 124px;
      padding: 24px 48px;
      background:
        linear-gradient(120deg, transparent 0 66%, rgba(104, 227, 190, 0.06) 66% 76%, transparent 76%),
        linear-gradient(120deg, transparent 0 82%, rgba(104, 227, 190, 0.11) 82% 94%, transparent 94%),
        var(--navy);
      position: relative;
      overflow: hidden;
    }
    .website-callout__icon {
      width: 64px;
      height: 52px;
      display: grid;
      place-items: center;
      color: var(--mint);
      z-index: 1;
    }
    .website-callout__icon svg { width: 64px; height: 52px; }
    .website-callout__divider {
      width: 2px;
      height: 70px;
      background: var(--gold);
      opacity: 0.9;
      z-index: 1;
    }
    .website-callout__body { min-width: 0; z-index: 1; }
    .website-callout__kicker {
      font-family: var(--body);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--mint);
      margin: 0 0 8px;
    }
    .website-callout__title {
      font-family: var(--body);
      font-size: clamp(22px, 3vw, 28px);
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: var(--off-white);
      margin: 0 0 4px;
    }
    .website-callout__title em { font-style: normal; color: var(--gold); }
    .website-callout__text {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.5;
      color: rgba(235, 245, 248, 0.88);
      margin: 0;
      max-width: 56ch;
    }
    @media (max-width: 720px) {
      #whats-coming .support-points { grid-template-columns: 1fr; gap: 24px; }
      #whats-coming .brochure-block { grid-template-columns: 1fr; }
      #whats-coming .brochure-block__btn { justify-self: start; }
      #whats-coming .support-preview__meta { align-items: flex-start; flex-direction: column; gap: 4px; }
      .website-callout-zone { padding-bottom: 48px; }
      .website-callout {
        grid-template-columns: 48px 2px minmax(0, 1fr);
        gap: 20px;
        padding: 24px 28px;
      }
      .website-callout__icon { width: 48px; height: 42px; }
      .website-callout__icon svg { width: 48px; height: 42px; }
      .website-callout__divider { height: 64px; }
    }

    /* ── ISSUE 06 — In the Field: alternating photo/text rows with gold rule ──
       Jane's layout mockup: photo + text in two columns, separated by a thin
       gold vertical rule. Rows alternate photo-left / text-left. On mobile,
       every row stacks photo-then-text regardless of desktop order. */

    .field-rows {
      display: flex;
      flex-direction: column;
      gap: clamp(20px, 3vw, 28px);
      margin-top: 22px;
    }

    .field-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      align-items: center;
    }

    .field-row__photo {
      display: flex;
      align-items: stretch;
    }
    .field-row__photo > img,
    .field-row__photo > .photo-ph {
      width: 100%;
      display: block;
    }
    /* Collage keeps display: grid from .field-collage; only set width here */
    .field-row__photo > .field-collage {
      width: 100%;
    }
    .field-row__photo > img {
      height: 100%;
      object-fit: cover;
      aspect-ratio: 16 / 9;
    }
    /* When the Boyd collage sits inside a row slot, let it fill the cell */
    .field-row__photo .field-collage {
      margin: 0;
      max-width: none;
      height: 100%;
      gap: 8px;
    }
    .field-row__photo .field-collage img {
      aspect-ratio: 4 / 3;
      height: auto;
    }
    .field-row__photo .photo-ph {
      aspect-ratio: 4 / 3;
      height: 100%;
    }

    /* Captioned figure inside a field-row photo cell (e.g. Caesars) —
       image fills the cell, small italic credit sits below. Mirrors the
       .field-inline-photo figcaption language (small italic, Inter). */
    .field-row__photo .field-row__figure {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 0;
      align-self: flex-start;
    }
    .field-row__photo .field-row__figure img {
      width: 100%;
      display: block;
      object-fit: cover;
      aspect-ratio: 16 / 9;
    }
    .field-row__photo .field-row__figure figcaption {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 13px;
      line-height: 1.5;
      font-style: italic;
      color: var(--navy-muted);
      margin-top: 8px;
      max-width: 62ch;
    }
    .field-row__photo .field-row__figure figcaption a {
      color: var(--mint-dark);
      text-decoration: underline;
    }

    /* Editorial photo stat — integrated into a soft bottom scrim rather
       than sitting on the image as a separate label. */
    .field-row__photo-frame {
      position: relative;
      width: 100%;
      overflow: hidden;
    }
    .field-row__link { display: block; }
    .field-row__link .field-row__photo-frame { transition: opacity 0.2s ease; }
    .field-row__link:hover .field-row__photo-frame { opacity: 0.88; }
    .field-row__photo-frame::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 42%;
      background: linear-gradient(to top, rgba(10, 22, 28, 0.78), rgba(10, 22, 28, 0));
      pointer-events: none;
    }
    .field-row__count {
      position: absolute;
      z-index: 1;
      left: 16px;
      bottom: 14px;
      display: flex;
      align-items: baseline;
      gap: 8px;
      font-family: 'Space Grotesk', 'Trebuchet MS', sans-serif;
      line-height: 1;
      white-space: nowrap;
    }
    .field-row__count-number {
      color: var(--mint);
      font-weight: 700;
      font-size: 24px;
      letter-spacing: -0.03em;
    }
    .field-row__count-label {
      color: var(--off-white);
      font-weight: 600;
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .field-row__text {
      padding: 4px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .field-row__text p {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.55;
      color: #354F5C;
      margin: 0 0 12px;
      max-width: 52ch;
    }
    .field-row__text p:last-child { margin-bottom: 0; }
    .field-row__text strong { color: var(--navy); }

    /* Photo on left (default) — padding separates text from the photo edge */
    .field-row--photo-left .field-row__photo { grid-column: 1; grid-row: 1; }
    .field-row--photo-left .field-row__text {
      grid-column: 2; grid-row: 1;
      padding-left: clamp(24px, 3.2vw, 36px);
    }

    /* Text on left — padding separates text from the photo edge */
    .field-row--text-left .field-row__text {
      grid-column: 1; grid-row: 1;
      padding-right: clamp(24px, 3.2vw, 36px);
    }
    .field-row--text-left .field-row__photo { grid-column: 2; grid-row: 1; }

    /* Gold emphasis on key figures (no wording changes) */
    .field-gold {
      color: var(--gold-deep);
      font-weight: 700;
    }

    /* Pale mint-tinted callout box with gold left bar —
       used for the pull quote (row 2) and the closing "Ultimately…" paragraph.
       Same family, not a new voice. */
    .field-callout {
      position: relative;
      background: #EAF6F1;
      border-left: 0;
      border-radius: 8px;
      padding: clamp(16px, 2vw, 20px) clamp(24px, 3.2vw, 34px) clamp(16px, 2vw, 20px) clamp(58px, 7vw, 72px);
      margin: 0;
    }
    .field-callout::before {
      content: '';
      position: absolute;
      left: clamp(26px, 3.2vw, 34px);
      top: 16px;
      bottom: 16px;
      width: 3px;
      background: var(--gold-deep);
    }
    .field-callout--quote {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: clamp(19px, 2.4vw, 22px);
      font-style: italic;
      line-height: 1.4;
      color: var(--navy);
      max-width: none;
    }
    .field-callout--prose p {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.55;
      color: #354F5C;
      margin: 0;
      max-width: none;
    }
    .field-callout--prose p + p {
      margin-top: 14px;
    }

    #field-story .art-standfirst,
    #field-story .art-body p {
      font-family: 'Inter', system-ui, sans-serif;
    }

    /* Mobile — every row stacks photo then text (even text-left rows) */
    @media (max-width: 640px) {
      .field-rows { gap: 28px; }
      .field-row {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
      }
      .field-row--photo-left .field-row__photo,
      .field-row--text-left .field-row__photo {
        grid-column: 1;
        grid-row: 1;
      }
      .field-row--photo-left .field-row__text,
      .field-row--text-left .field-row__text {
        grid-column: 1;
        grid-row: 2;
        border: none;
        padding: 22px 0 0;
      }
      .field-row__photo > img,
      .field-row__photo .photo-ph { aspect-ratio: 16 / 9; }
      .field-row__photo .field-collage { grid-template-columns: 1fr 1fr; }
    }