/* 03-hero.css: dither hero canvas, vignette, title, lede, tech strip. */
/* Hero Section (Atmospheric Dither Smoke Canvas + Asymmetric Typography) */
    .home-hero {
      position: relative;
      width: 100%;
      min-height: calc(var(--stable-vh, 100vh) * 0.75);
      height: auto;
      padding-top: calc(var(--spacing-2xl) + 60px);
      padding-bottom: var(--spacing-2xl);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
      background: #000000;
      border-bottom: 1px solid var(--color-border);
    }

    .dither-hero__canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 1;
      opacity: 0.92;
      image-rendering: pixelated;
      pointer-events: none;
    }

    /* Deep black top shadow ensuring 100% nav contrast at top of page (Image 2) */
    .dither-hero__top-shadow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 160px;
      background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.85) 45%, transparent 100%);
      z-index: 2;
      pointer-events: none;
    }

    .dither-hero__vignette {
      position: absolute;
      inset: 0;
      z-index: 2;
      background: radial-gradient(ellipse 90% 80% at 50% 50%, transparent 20%, rgba(0, 0, 0, 0.88) 100%);
      pointer-events: none;
    }

    .home-hero__title {
      position: relative;
      z-index: 3;
      width: 100%;
    }

    .home-hero__title h1 {
      font-size: var(--h1-size);
      font-weight: 700;
      line-height: 0.82;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      word-break: break-word;
    }

    .home-hero__line {
      display: block;
      width: 100%;
      text-transform: uppercase;
      line-height: 0.82;
      letter-spacing: -0.04em;
    }

    .home-hero__line--1, .home-hero__line--2 {
      text-align: left;
    }

    .home-hero__line--1 {
      opacity: 0.7;
    }

    .home-hero__line--2 {
      opacity: 0.4;
    }

    .home-hero__line--3 {
      text-align: right;
      opacity: 0.4;
    }

    /* Codapress Lede Paragraph (Compact, Proportional & Scroll-Illuminated, Image 3) */
    .home-lede {
      padding-top: clamp(80px, 12vh, 140px);
      padding-bottom: clamp(80px, 12vh, 140px);
      border-bottom: 1px solid var(--color-border);
      display: flex;
      flex-direction: column;
    }

    @media (max-width: 900px) {
      .home-lede {
        padding-top: clamp(48px, 8vh, 80px);
        padding-bottom: clamp(48px, 8vh, 80px);
      }
    }

    .home-lede p {
      font-size: clamp(17px, 1.35vw, 22px);
      line-height: 1.5;
      color: #333333;
      max-width: 60ch;
      text-wrap: pretty;
      letter-spacing: -0.01em;
    }

    .home-lede strong {
      font-weight: 700;
    }

    .lede-word {
      display: inline-block;
      margin-right: 0.28em;
      transition: color 0.15s ease;
    }