.nav {
      display: none;
    }

    main {
      width: min(1520px, 94vw);
      margin: 0 auto;
      padding: 0 clamp(12px, 2.4vw, 28px) 40px;
    }

    .anchor-section {
      scroll-margin-top: 12px;
    }

    .above-fold {
      width: min(1520px, 94vw);
      margin: 0 auto;
      padding: 0 clamp(12px, 2.4vw, 28px);
    }

    .site-byline {
      margin: 0 auto;
      margin-bottom: clamp(8px, 1.4vw, 16px);
      padding: 4px 12px 2px;
      font-size: clamp(0.88rem, 1.8vw, 1.05rem);
      font-weight: 600;
      letter-spacing: 0.03em;
      color: #dcdcdc;
      line-height: 1.45;
      max-width: 52ch;
      text-align: center;
    }

    .section-jump {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 6px 8px;
      max-width: min(600px, 100%);
      margin: 2px auto 10px;
      padding: 0;
    }

    .section-jump a {
      display: block;
      font-size: 0.68rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: #aeaeae;
      text-decoration: none;
      padding: 7px 6px;
      border: 1px solid rgba(255, 255, 255, 0.11);
      border-radius: 8px;
      text-align: center;
      background: rgba(255, 255, 255, 0.02);
      transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
    }

    .section-jump a:hover {
      color: #f0f0f0;
      border-color: rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.05);
    }

    @media (max-width: 520px) {
      .section-jump {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .hero {
      margin: clamp(22px, 3.5vw, 36px) auto 0;
      text-align: center;
    }

    .hero-layout {
      max-width: 1180px;
      margin: 0 auto;
    }

    @media (min-width: 1100px) {
      .hero-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(20px, 3vw, 40px);
        align-items: center;
        text-align: left;
      }

      .hero-layout .hero-copy h1,
      .hero-layout .hero-copy p {
        margin-left: 0;
        margin-right: 0;
      }

      .hero-layout .cta-row {
        justify-content: flex-start;
      }
    }

    .hero-copy h1 {
      margin: 0 0 12px;
      font-size: clamp(1.85rem, 4.2vw, 2.9rem);
      line-height: 1.12;
      letter-spacing: -0.01em;
      max-width: 18ch;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-copy h1 .accent {
      background: linear-gradient(90deg, var(--red), var(--yellow), var(--blue));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .hero-copy p {
      margin: 0 auto 14px;
      color: #dfdfdf;
      max-width: none;
      line-height: 1.58;
      font-size: clamp(1rem, 1.05vw + 0.9rem, 1.12rem);
    }

    @media (min-width: 1100px) {
      .hero-copy h1 {
        max-width: 16ch;
        margin-left: 0;
        margin-right: 0;
      }

      .hero-copy p {
        max-width: 62ch;
      }
    }

    /* Campaign: one-line title as type ceiling; single measure for all body copy */
    #platform.hero {
      --headline-size: clamp(0.95rem, 0.62rem + 4.1vw, 2.9rem);
      --campaign-body: clamp(
        0.94rem,
        calc(var(--headline-size) * 0.44),
        min(1.05rem, calc(var(--headline-size) * 0.48))
      );
    }

    #platform .hero-layout {
      max-width: min(50ch, 100%);
      margin-left: auto;
      margin-right: auto;
    }

    #platform .hero-copy {
      width: 100%;
    }

    #platform .hero-copy h1 {
      max-width: none;
      white-space: nowrap;
      font-size: var(--headline-size);
    }

    #platform .hero-copy p {
      max-width: none;
      margin-left: auto;
      margin-right: auto;
      font-size: var(--campaign-body);
      text-wrap: pretty;
    }

    #platform .hero-copy p strong,
    #platform .hero-copy p a {
      font-size: inherit;
    }

    #platform .cta-row .btn {
      font-size: clamp(
        0.78rem,
        calc(var(--headline-size) * 0.32),
        min(0.92rem, calc(var(--headline-size) * 0.36))
      );
    }

    @media (min-width: 1100px) {
      #platform .hero-layout {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        text-align: left;
      }

      #platform .hero-layout .hero-copy h1 {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
      }

      #platform .hero-layout .hero-copy p {
        margin-left: 0;
        margin-right: 0;
      }
    }

    .cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
    }

    .map-showcase {
      text-align: center;
    }

    .map-showcase--top {
      margin: 0;
      padding: 0 0 clamp(8px, 1.2vw, 14px);
      background: var(--bg);
    }

    .map-shell {
      margin: 0 auto;
      max-width: min(792px, 100%);
      background: transparent;
      border: none;
      border-radius: 0;
      padding: 0;
      box-shadow: none;
    }

    @media (min-width: 1100px) {
      .map-shell {
        max-width: min(1022px, 72vw);
      }

      .map-frame {
        aspect-ratio: 16 / 9;
        min-height: clamp(245px, 27.4vw, 374px);
      }
    }

    .map-frame {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 10;
      border-radius: 0;
      overflow: hidden;
      background: #000000;
      isolation: isolate;
    }

    .usa-viz {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
    }

    .section-title {
      font-size: clamp(1.28rem, 2.8vw, 1.72rem);
      margin: 0 0 8px;
      letter-spacing: -0.02em;
      text-align: center;
    }

    .section-lead {
      margin: 0 auto 20px;
      max-width: 85ch;
      color: #cfcfcf;
      line-height: 1.55;
      font-size: clamp(0.98rem, 0.8vw + 0.9rem, 1.08rem);
      text-align: center;
    }

    .services {
      margin: 36px auto 0;
      content-visibility: auto;
      contain-intrinsic-size: auto 800px;
    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(10px, 1.5vw, 16px);
    }

    @media (min-width: 900px) and (max-width: 1099px) {
      .service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .service-card {
      background: var(--bg-soft);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 12px;
      padding: 14px 16px;
      text-align: left;
    }

    .service-card h3 {
      margin: 0 0 8px;
      font-size: 1.08rem;
      letter-spacing: -0.01em;
    }

    .service-card p {
      margin: 0;
      color: #d4d4d4;
      font-size: 0.92rem;
      line-height: 1.55;
    }

    .committees {
      margin: 36px auto 0;
      content-visibility: auto;
      contain-intrinsic-size: auto 900px;
    }

    .committee-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(10px, 1.4vw, 14px);
    }

    @media (min-width: 700px) and (max-width: 1099px) {
      .committee-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .committee-card {
      background: var(--bg-soft);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 12px;
      padding: 12px 14px;
      text-align: left;
    }

    .committee-card h3 {
      margin: 0 0 6px;
      font-size: 1rem;
    }

    .committee-card p {
      margin: 0;
      color: #c8c8c8;
      font-size: 0.88rem;
      line-height: 1.5;
    }

    .contact-block {
      margin: 36px auto 0;
      background: var(--bg-soft);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 14px;
      padding: clamp(16px, 2.2vw, 26px) clamp(16px, 2.5vw, 28px);
      max-width: min(1100px, 100%);
      margin-left: auto;
      margin-right: auto;
    }

    .contact-copy h2 {
      margin: 0 0 10px;
      font-size: 1.45rem;
    }

    .contact-copy p {
      margin: 0 0 14px;
      color: #d6d6d6;
      line-height: 1.55;
      font-size: 0.98rem;
    }

    .contact-locations {
      margin: 0;
      padding: 0;
      list-style: none;
      color: #bfbfbf;
      font-size: 0.92rem;
      line-height: 1.6;
    }

    @media (max-width: 699px) {
      .service-grid,
      .committee-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 980px) {
      .contact-block {
        text-align: center;
      }

      .contact-copy p {
        margin-left: auto;
        margin-right: auto;
        max-width: 60ch;
      }

      .contact-block .cta-row {
        justify-content: center;
      }

      .site-byline {
        text-align: left;
      }

      .section-jump {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
      }

      .hero-copy h1 {
        max-width: none;
      }

      .hero-copy p {
        text-align: left;
      }

      .hero {
        text-align: left;
      }

      .cta-row {
        justify-content: flex-start;
      }

      .btn {
        min-height: 44px;
        line-height: 1.2;
        padding-left: 18px;
        padding-right: 18px;
      }

      .section-title,
      .section-lead {
        text-align: left;
      }

      .section-lead {
        margin-left: 0;
        margin-right: 0;
      }

      .site-footer {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
      }
    }