/* ============================================================
   BLUEPRINT ALIGNMENT — loaded only by "blueprint aligned.html".
   Scoped to html[data-bp="on"] so "new design.html" is untouched
   and the two can be compared side by side.

   Move 1  Emphasis in Blue on light, Cyan on dark. No underline wash.
   Move 2  Eyebrows: 0.2em tracking, no rule.
   Move 3  Cool neutrals.
   Move 4  --font-display remapped to Poppins.
   Plus    Journey numerals fixed from cyan-on-white (1.53:1) to navy.
   ============================================================ */

html[data-bp="on"] {
  /* Move 4 — one typeface */
  --font-display: "Poppins", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* Move 3 — cool neutrals, matching the Blueprint */
  --paper: #F6F8FC;
  --hairline: #E3E8F2;
  --ink: #1c2333;
}

/* ---------- Move 1 · emphasis is colour, not decoration ---------- */
html[data-bp="on"] .h-display em,
html[data-bp="on"] .h-section em {
  background: none;
  padding: 0;
  color: var(--ia-blue);
  font-style: normal;
}
/* On dark grounds the same job goes to cyan. */
html[data-bp="on"] .section--ink .h-display em,
html[data-bp="on"] .hero--slab .h-display em,
html[data-bp="on"] .home-close-title em {
  color: var(--ia-light-blue);
  background: none;
}
/* Blueprint headline weights: 700 on sections, 800 on display. */
html[data-bp="on"] .h-display {
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--ia-dark-blue);
}
html[data-bp="on"] .section--ink .h-display,
html[data-bp="on"] .hero--slab .h-display { color: #fff; }
html[data-bp="on"] h1.h-section,
html[data-bp="on"] h2.h-section {
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ia-dark-blue);
}
html[data-bp="on"] .section--ink h2.h-section { color: #fff; }
html[data-bp="on"] .home-close-title { font-weight: 700; letter-spacing: -0.035em; }
html[data-bp="on"] .door-h3 { font-weight: 700; }

/* ---------- Move 2 · eyebrows track wide, no rule ---------- */
html[data-bp="on"] .eyebrow {
  letter-spacing: 0.2em;
  font-weight: 600;
  gap: 0;
}
html[data-bp="on"] .eyebrow::before { display: none; }

/* ---------- Move 3 · cool neutrals ---------- */
/* The cyan rule under navy bands was tried and removed. */
/* The hero curve sat against the old warm paper. */
html[data-bp="on"] .hero-fade svg path { fill: #F6F8FC; }
html[data-bp="on"] .logo-strip-band {
  background: linear-gradient(to bottom, #fff 0%, #fff 38%, #FBFCFE 72%, var(--paper) 100%);
}
html[data-bp="on"] .section--white:has(+ .section--paper) {
  background: linear-gradient(to bottom, #fff 0%, #fff 82%, var(--paper) 100%);
}
html[data-bp="on"] .home-close-curve svg path { fill: var(--paper); }

/* ---------- Contrast fix · journey numerals were 1.53:1 ---------- */
html[data-bp="on"] .journey-n { color: var(--ia-dark-blue); font-weight: 700; }

/* Josefin's optical size ran small; Poppins needs a touch less. */
html[data-bp="on"] .door-name,
html[data-bp="on"] .pillar-row-name { font-weight: 700; letter-spacing: -0.025em; }
html[data-bp="on"] .way-n,
html[data-bp="on"] .after-h,
html[data-bp="on"] .value-name,
html[data-bp="on"] .enb-name,
html[data-bp="on"] .tri-name,
html[data-bp="on"] .lit-basic .term-w { font-weight: 700; letter-spacing: -0.02em; }
html[data-bp="on"] .phase-num { font-weight: 700; letter-spacing: -0.05em; }

/* A visible marker so nobody mistakes which build they are looking at.
   It lives in the nav chrome beside the logo, never over page copy. */
html[data-bp="on"] .nav-brand { display: flex; align-items: center; gap: 12px; }
html[data-bp="on"] .nav-brand::after {
  content: "Blueprint-aligned v1";
  font-family: var(--font-body); font-size: 12px; font-weight: 600;
  letter-spacing:.01em;  white-space: nowrap;
  color: var(--ia-dark-blue); background: var(--ia-light-blue);
  border-radius: 999px; padding: 4px 10px; flex: none;
}
@media (max-width: 1180px) {
  html[data-bp="on"] .nav-brand::after { content: "v1"; letter-spacing: .1em; }
}