/* ---------- MARQUEE HEADER ---------- */
      .marquee {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        flex-wrap: wrap;
        padding-bottom: 18px;
        border-bottom: 1px solid var(--line);
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .leader {
        width: 46px;
        height: 46px;
        flex: 0 0 auto;
        color: var(--accent);
        position: relative;
        top: -2.5px;
      }
      .wordmark {
        font-family: var(--font-display);
        font-size: clamp(38px, 7vw, 68px);
        line-height: 0.86;
        letter-spacing: 0.01em;
        color: var(--cream);
        text-transform: uppercase;
      }
      .wordmark em {
        font-style: normal;
        color: var(--accent);
      }
      .tagline {
        font-family: var(--font-mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--muted);
        margin-top: 8px;
      }
      .tally {
        font-family: var(--font-mono);
        font-size: 12.5px;
        letter-spacing: 0.04em;
        color: var(--muted);
        text-align: right;
        line-height: 1.7;
      }
      .tally b {
        color: var(--muted);
        font-weight: 700;
      }
      .tally .film-c {
        color: var(--accent);
      }
      .tally .muted-c {
        color: var(--muted);
      }
      .tally .tv-c {
        color: var(--red);
      }

      /* ---- section switcher ---- */
      .sections {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 18px 0 2px;
        flex-wrap: wrap;
      }
      /* the tabs are real links between index.html and reel.html */
      .sec-tab {
        display: inline-block;
        font-family: var(--font-mono);
        font-size: 11.5px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        text-decoration: none;
        color: var(--muted);
        background: none;
        border: 1px solid transparent;
        border-radius: 999px;
        padding: 7px 15px;
        cursor: pointer;
        transition: 0.16s;
      }
      .sec-tab:hover {
        color: var(--cream);
        border-color: var(--line);
      }
      .sec-tab:focus-visible {
        outline: 2px solid var(--accent);
        outline-offset: 2px;
      }
      .sec-tab[aria-current="page"] {
        color: #241a08;
        background: var(--accent);
        border-color: var(--accent);
        font-weight: 700;
      }