@font-face {
  font-family: "Space Grotesk Proof";
  src: url("/assets/fonts/issue-19/SpaceGrotesk-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono Proof";
  src: url("/assets/fonts/issue-19/GeistMono-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
}

body.issue-19-proof {
  --font-display: "Space Grotesk Proof", sans-serif;
  --font-utility: "Geist Mono Proof", monospace;
  --tier-1-size: 80px;
  --tier-1-leading: .86;
  --tier-2-size: 44px;
  --tier-2-leading: .92;
  --tier-3-size: 26px;
  --tier-3-leading: 1;
  --tier-4-body-size: 16px;
  --tier-4-body-leading: 1.5;
  --tier-4-label-size: 14px;
  --tier-4-label-leading: 1.35;
  --space-1: 16px;
  --space-2: 24px;
  --space-3: 40px;
  --space-4: 64px;
  --space-5: 96px;
  --section-space: var(--space-5);
  --cluster-gap: var(--space-3);
  --feature-list-gap: var(--space-3);
  --proof-content-start: var(--edge-wide);
  --proof-marker-offset: 26px;
  font-family: var(--font-utility);
  font-size: var(--tier-4-body-size);
  font-weight: 400;
  line-height: var(--tier-4-body-leading);
}

/* Issue #19 proof-only identity delta; production derivatives stay untouched. */
body.issue-19-proof .wordmark,
body.issue-19-proof .case-study-locked-wordmark {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Tier 1 / exactly one page-opening hero per proof route. */
body.issue-19-proof main > .page-hero h1.resolve-title {
  font-family: var(--font-display);
  font-size: var(--tier-1-size);
  font-weight: 700;
  line-height: var(--tier-1-leading);
  letter-spacing: -.055em;
  text-transform: uppercase;
}

/* Tier 2 / every major chapter and the shared closing chapter. */
body.issue-19-proof .chapter-heading h2,
body.issue-19-proof .case-study-credits h2,
body.issue-19-proof .contact-section .resolve-title,
body.issue-19-proof .display-action,
body.issue-19-proof .analytics-consent__heading h2 {
  font-family: var(--font-display);
  font-size: var(--tier-2-size);
  font-weight: 700;
  line-height: var(--tier-2-leading);
  letter-spacing: -.04em;
  text-transform: uppercase;
}

/* Tier 3 / feature, card and indexed titles. */
body.issue-19-proof .product-entry__body h3,
body.issue-19-proof .split-feature__body h3,
body.issue-19-proof .indexed-row h3,
body.issue-19-proof .project-provenance dd,
body.issue-19-proof .case-study-field__statement,
body.issue-19-proof .case-study-signal strong,
body.issue-19-proof .process-track h3,
body.issue-19-proof .product-page-nav span {
  font-family: var(--font-display);
  font-size: var(--tier-3-size);
  font-weight: 600;
  line-height: var(--tier-3-leading);
  letter-spacing: -.025em;
  text-transform: none;
}

/* Tier 4 / body copy. */
body.issue-19-proof .home-hero__statement p,
body.issue-19-proof .home-hero__lower article,
body.issue-19-proof .page-hero__copy,
body.issue-19-proof .page-hero__copy p,
body.issue-19-proof .chapter-heading p,
body.issue-19-proof .product-entry__body p,
body.issue-19-proof .split-feature__body p,
body.issue-19-proof .indexed-row p,
body.issue-19-proof .about-columns p,
body.issue-19-proof .case-study-signal p,
body.issue-19-proof .process-track p,
body.issue-19-proof .case-study-credits__body p,
body.issue-19-proof .contact-section__actions p,
body.issue-19-proof .analytics-consent__body p {
  font-family: var(--font-utility);
  font-size: var(--tier-4-body-size);
  font-weight: 400;
  line-height: var(--tier-4-body-leading);
  letter-spacing: 0;
  text-transform: none;
}

/* Tier 4 / compact navigation, controls and labels. */
body.issue-19-proof .utility-header,
body.issue-19-proof .index-route > a:first-child,
body.issue-19-proof .index-route > a:first-child em,
body.issue-19-proof .subroute,
body.issue-19-proof .index-route p,
body.issue-19-proof .eyebrow,
body.issue-19-proof .page-hero__copy b,
body.issue-19-proof .page-hero__copy nav a,
body.issue-19-proof .media-label,
body.issue-19-proof .home-hero__lower article b,
body.issue-19-proof .product-entry__body > b,
body.issue-19-proof .product-entry__meta,
body.issue-19-proof .text-action,
body.issue-19-proof .indexed-row > b,
body.issue-19-proof .indexed-row em,
body.issue-19-proof .indexed-row time,
body.issue-19-proof .indexed-row span,
body.issue-19-proof .project-provenance dt,
body.issue-19-proof .case-study-field__sequence span,
body.issue-19-proof .process-track b,
body.issue-19-proof .case-study-system-field__notes,
body.issue-19-proof .case-study-specs dt,
body.issue-19-proof .case-study-specs dd,
body.issue-19-proof .product-page-nav b,
body.issue-19-proof .contact-section__actions b,
body.issue-19-proof .contact-section__actions a,
body.issue-19-proof .site-footer p,
body.issue-19-proof .site-footer nav a,
body.issue-19-proof .site-footer button,
body.issue-19-proof .site-footer__utilities a,
body.issue-19-proof .analytics-consent__body .analytics-consent__status,
body.issue-19-proof .analytics-consent__body .text-action,
body.issue-19-proof .analytics-consent__actions button {
  font-family: var(--font-utility);
  font-size: var(--tier-4-label-size);
  font-weight: 400;
  line-height: var(--tier-4-label-leading);
}

body.issue-19-proof .utility-header,
body.issue-19-proof .eyebrow,
body.issue-19-proof .page-hero__copy b,
body.issue-19-proof .page-hero__copy nav a,
body.issue-19-proof .media-label,
body.issue-19-proof .home-hero__lower article b,
body.issue-19-proof .product-entry__body > b,
body.issue-19-proof .product-entry__meta,
body.issue-19-proof .indexed-row > b,
body.issue-19-proof .indexed-row em,
body.issue-19-proof .indexed-row time,
body.issue-19-proof .indexed-row span,
body.issue-19-proof .project-provenance dt,
body.issue-19-proof .case-study-field__sequence span,
body.issue-19-proof .process-track b,
body.issue-19-proof .case-study-system-field__notes,
body.issue-19-proof .case-study-specs dt,
body.issue-19-proof .product-page-nav b,
body.issue-19-proof .contact-section__actions b {
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Compact, content-driven page and section geometry. */
body.issue-19-proof .page-hero {
  min-height: 0;
  gap: var(--space-3);
  padding: var(--space-5) var(--edge-wide);
}

body.issue-19-proof .page-hero__title { gap: var(--space-2); }
body.issue-19-proof .page-hero__copy { margin: 0; padding: 0; }
body.issue-19-proof .page-hero__copy p { margin-top: var(--space-2); }
body.issue-19-proof .page-hero__copy nav { gap: var(--space-1) var(--space-2); margin-top: var(--space-2); }

body.issue-19-proof .home-hero {
  min-height: 0;
  grid-template-rows: auto auto auto;
  gap: 0;
  padding: 0;
}

body.issue-19-proof .home-hero__statement {
  position: relative;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  padding: var(--space-4) var(--edge-wide);
}

body.issue-19-proof .home-hero__statement h1 { grid-column: 1; max-width: 980px; }
body.issue-19-proof .home-hero__statement .statement-rule { display: none; }
body.issue-19-proof .home-hero__statement p { grid-column: 1; max-width: 560px; }
body.issue-19-proof .home-hero > .media-field { aspect-ratio: 18 / 5; }
body.issue-19-proof .home-hero__lower { position: relative; gap: var(--space-3); padding: var(--space-3) var(--edge-wide); }
body.issue-19-proof .home-hero__lower article { padding-top: 0; }
body.issue-19-proof .home-hero__lower article p { margin-top: var(--space-1); }

body.issue-19-proof .section { padding: var(--space-5) var(--edge-wide); }
body.issue-19-proof .section--flush-end { padding-bottom: 0; }
body.issue-19-proof .chapter-heading { position: relative; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); margin-bottom: var(--space-4); }
body.issue-19-proof .chapter-heading h2,
body.issue-19-proof .chapter-heading p { grid-column: 1; }
body.issue-19-proof .chapter-heading p { margin-top: 0; }
body.issue-19-proof .about-columns { gap: var(--space-4); margin-left: 0; }
body.issue-19-proof .product-list { gap: var(--space-4); }
body.issue-19-proof .product-list--chapters { gap: 0; }

body.issue-19-proof .section--product-chapters {
  padding-right: 0;
  padding-left: 0;
}

body.issue-19-proof .section--product-chapters > .chapter-heading {
  margin-right: var(--proof-content-start);
  margin-left: var(--proof-content-start);
}

body.issue-19-proof .section--full-feature > .chapter-heading {
  margin-right: 0;
  margin-left: 0;
}

body.issue-19-proof .section--product-chapters > .product-list,
body.issue-19-proof .product-list--chapters,
body.issue-19-proof .product-entry {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

body.issue-19-proof .product-entry,
body.issue-19-proof .product-list--chapters .product-entry {
  min-height: 0;
}

body.issue-19-proof .product-entry__media,
body.issue-19-proof .product-list--chapters .product-entry__media {
  min-height: 0;
  aspect-ratio: 16 / 7;
}

body.issue-19-proof .product-entry__body,
body.issue-19-proof .product-list--chapters .product-entry__body {
  min-height: 0;
  grid-template-rows: auto auto auto auto;
  gap: var(--space-2);
  padding: var(--space-3);
}

body.issue-19-proof .product-entry__meta { align-self: auto; }
body.issue-19-proof .wide-media { height: auto; min-height: 0; aspect-ratio: 18 / 7; }
body.issue-19-proof .wide-media--product { height: auto; min-height: 0; aspect-ratio: 24 / 5; }

body.issue-19-proof .split-feature { min-height: 0; }
body.issue-19-proof[data-route="home"] .split-feature--proof-full-width {
  width: calc(100% + (var(--proof-content-start) * 2));
  max-width: none;
  margin-right: calc(-1 * var(--proof-content-start));
  margin-left: calc(-1 * var(--proof-content-start));
}
body.issue-19-proof .split-feature__media { min-height: 0; aspect-ratio: 3 / 2; }
body.issue-19-proof .split-feature__body { grid-template-rows: auto auto auto auto; gap: var(--space-2); padding: var(--space-4); }
body.issue-19-proof .indexed-rows { margin-left: 0; }
body.issue-19-proof .section--full-feature > .indexed-rows { margin-top: var(--space-3); margin-left: 0; }

body.issue-19-proof .indexed-row { gap: var(--space-2); padding: var(--space-3) 0; }
body.issue-19-proof .case-study-signal { position: relative; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); margin-left: 0; padding-top: var(--space-4); }
body.issue-19-proof .case-study-signal strong,
body.issue-19-proof .case-study-signal p { grid-column: 1; }
body.issue-19-proof .case-study-field { height: auto; min-height: 0; aspect-ratio: 18 / 7; }
body.issue-19-proof .case-study-field__statement { top: var(--space-4); }
body.issue-19-proof .case-study-field__sequence { bottom: var(--space-3); }

body.issue-19-proof .project-provenance div {
  min-height: 0;
  gap: var(--space-2);
  padding: var(--space-3) var(--edge-wide);
}

body.issue-19-proof .process-track article {
  min-height: 0;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-2);
}

body.issue-19-proof .process-track { margin-left: 0; }

body.issue-19-proof .case-study-system-field { min-height: 0; aspect-ratio: 3 / 2; }
body.issue-19-proof .case-study-system-field__notes { right: var(--space-2); bottom: var(--space-2); left: var(--space-2); }
body.issue-19-proof .case-study-specs div { gap: var(--space-2); padding: var(--space-1) 0; }
body.issue-19-proof .case-study-credits { position: relative; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
body.issue-19-proof .case-study-credits h2,
body.issue-19-proof .case-study-credits__body { grid-column: 1; }
body.issue-19-proof .case-study-credits__body { gap: var(--space-2); }

body.issue-19-proof .product-page-nav a {
  min-height: 0;
  gap: var(--space-2);
  padding: var(--space-4) var(--edge-wide);
}

body.issue-19-proof .contact-section { gap: var(--space-3); padding: var(--space-4) var(--edge-wide); }
body.issue-19-proof .contact-section__actions { gap: var(--space-1); }
body.issue-19-proof .contact-section__actions b { margin-bottom: 0; }
body.issue-19-proof .contact-section__actions p { margin-bottom: 0; }

body.issue-19-proof .site-footer { gap: var(--space-4); padding: var(--space-4) var(--edge-wide) var(--space-3); }
body.issue-19-proof .site-footer p { margin-block: var(--space-1); }
body.issue-19-proof .footer-meta { margin-top: var(--space-3); padding-top: var(--space-1); }

body.issue-19-proof .analytics-consent { gap: var(--space-3); padding: var(--space-4) var(--edge-wide); }
body.issue-19-proof .analytics-consent__body p { margin-bottom: var(--space-1); }

@media (min-width: 901px) {
  body.issue-19-proof .page-hero {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  body.issue-19-proof .page-hero > .cursor-mark,
  body.issue-19-proof .home-hero__statement > .cursor-mark,
  body.issue-19-proof .home-hero__lower > .cursor-mark,
  body.issue-19-proof .contact-section > .cursor-mark,
  body.issue-19-proof .case-study-credits > .cursor-mark {
    position: absolute;
    left: calc(var(--proof-content-start) - var(--proof-marker-offset));
  }

  body.issue-19-proof .page-hero__title,
  body.issue-19-proof .page-hero__copy {
    grid-column: 1;
  }

  body.issue-19-proof .page-hero__copy {
    align-self: auto;
    max-width: 560px;
  }

  body.issue-19-proof .chapter-heading > .cursor-mark,
  body.issue-19-proof .case-study-signal > .cursor-mark {
    position: absolute;
    left: calc(-1 * var(--proof-marker-offset));
  }

  body.issue-19-proof .home-hero__lower {
    grid-template-columns: 1.15fr .85fr .85fr;
  }

  body.issue-19-proof .contact-section {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  body.issue-19-proof .contact-section .resolve-title,
  body.issue-19-proof .contact-section__actions {
    grid-column: 1;
  }
}

@media (max-width: 900px) {
  body.issue-19-proof {
    --tier-1-size: 48px;
    --tier-1-leading: .9;
    --tier-2-size: 32px;
    --tier-2-leading: .95;
    --tier-3-size: 22px;
    --tier-3-leading: 1.05;
    --tier-4-body-size: 15px;
    --space-1: 12px;
    --space-2: 20px;
    --space-3: 32px;
    --space-4: 48px;
    --space-5: 72px;
    --proof-content-start: 20px;
  }

  body.issue-19-proof .page-hero { min-height: 0; padding: var(--space-5) 20px; }
  body.issue-19-proof .page-hero__copy { margin-top: var(--space-4); }
  body.issue-19-proof .home-hero { grid-template-rows: auto auto auto; padding: 0; }
  body.issue-19-proof .home-hero__statement { min-height: 0; grid-template-columns: 10px 1fr; padding: var(--space-4) 20px; }
  body.issue-19-proof .home-hero__statement h1,
  body.issue-19-proof .home-hero__statement p { grid-column: 2; }
  body.issue-19-proof .home-hero > .media-field { min-height: 0; aspect-ratio: 4 / 3; }
  body.issue-19-proof .home-hero__lower { min-height: 0; padding: var(--space-3) 20px; }

  body.issue-19-proof .section { padding: var(--space-5) 20px; }
  body.issue-19-proof .section--flush-end { padding-bottom: 0; }
  body.issue-19-proof .section--product-chapters { padding-right: 0; padding-left: 0; }
  body.issue-19-proof .section--product-chapters > .chapter-heading { margin-right: var(--proof-content-start); margin-left: var(--proof-content-start); }
  body.issue-19-proof .chapter-heading { grid-template-columns: 10px minmax(0, 1fr); margin-bottom: var(--space-4); }
  body.issue-19-proof .chapter-heading h2,
  body.issue-19-proof .chapter-heading p { grid-column: 2; }
  body.issue-19-proof .product-entry__media,
  body.issue-19-proof .product-list--chapters .product-entry__media { min-height: 0; aspect-ratio: 16 / 10; }
  body.issue-19-proof .product-entry__body,
  body.issue-19-proof .product-list--chapters .product-entry__body { min-height: 0; padding: var(--space-3) 20px; }
  body.issue-19-proof .wide-media,
  body.issue-19-proof .wide-media--product,
  body.issue-19-proof .case-study-field { min-height: 0; aspect-ratio: 4 / 3; }
  body.issue-19-proof .split-feature__media,
  body.issue-19-proof .case-study-system-field { min-height: 0; aspect-ratio: 4 / 3; }
  body.issue-19-proof .process-track article { min-height: 0; padding: var(--space-3) 0; }
  body.issue-19-proof .project-provenance div,
  body.issue-19-proof .project-provenance div:nth-child(n+4),
  body.issue-19-proof .project-provenance div:last-child { min-height: 0; padding: var(--space-3) 20px; }
  body.issue-19-proof .case-study-field__statement { top: var(--space-3); right: 20px; left: 20px; }
  body.issue-19-proof .case-study-field__sequence { right: 20px; bottom: var(--space-2); left: 20px; }
  body.issue-19-proof .case-study-signal { grid-template-columns: 10px minmax(0, 1fr); padding-top: var(--space-4); }
  body.issue-19-proof .case-study-signal strong,
  body.issue-19-proof .case-study-signal p { grid-column: 2; }
  body.issue-19-proof .case-study-credits { grid-template-columns: 10px minmax(0, 1fr); }
  body.issue-19-proof .case-study-credits h2,
  body.issue-19-proof .case-study-credits__body { grid-column: 2; }
  body.issue-19-proof .split-feature__body { padding: var(--space-4) 20px; }
  body.issue-19-proof .product-page-nav a { padding: var(--space-4) 20px; }
  body.issue-19-proof .contact-section { padding: var(--space-4) 20px; }
  body.issue-19-proof .site-footer { padding: var(--space-4) 20px var(--space-3); }
}

@media (max-width: 430px) {
  body.issue-19-proof { --proof-content-start: 18px; }
  body.issue-19-proof[data-route="home"] .split-feature--proof-full-width { width: 100%; margin-right: 0; margin-left: 0; }
  body.issue-19-proof .page-hero,
  body.issue-19-proof .home-hero__statement,
  body.issue-19-proof .home-hero__lower,
  body.issue-19-proof .section,
  body.issue-19-proof .contact-section,
  body.issue-19-proof .site-footer { padding-right: 18px; padding-left: 18px; }
  body.issue-19-proof .section--full-feature { padding-right: 0; padding-left: 0; }
  body.issue-19-proof .section--product-chapters { padding-right: 0; padding-left: 0; }
  body.issue-19-proof .section--full-feature > .chapter-heading,
  body.issue-19-proof .section--full-feature > .indexed-rows { margin-right: var(--proof-content-start); margin-left: var(--proof-content-start); }
  body.issue-19-proof .home-hero { padding-right: 0; padding-left: 0; }
  body.issue-19-proof .product-entry__body,
  body.issue-19-proof .split-feature__body,
  body.issue-19-proof .project-provenance div,
  body.issue-19-proof .product-page-nav a { padding-right: 18px; padding-left: 18px; }
}