@import url("https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@500;600;700;800&family=Schibsted+Grotesk:wght@400;500;600&display=swap");

/* Point Blank, one dominant colour per set (Hayden, 2026-10-19).
   Film = Reese's penthouse red-orange; Stills = the coin-op telescope yellow; AI = the Organization's green. */
:root {
  --telescope-yellow: #E3D24B;
  --reese: #D8532E;
  --lynne: #B6B7B3;
  --ink: #111110;
  --film-base: #0B0B0A;
  --white: #F4F4F1;
  --mat: #ECEBE5;
  --brass: #B8954C;
  --brass-light: #DCC07A;
  --brass-dark: #8A6A2C;
  --engrave: #3A2C10;
  --organization-green: #4F6B4A;
  --fort-point-violet: #6A4672;
  --name-size: clamp(260px, 37.5vw, 620px);   /* the page's name in tone, behind the work (2.5x the section title) */  /* Fort Point at night, the film's last scene, lifted to the green's depth (white type 7:1) */
  --green-on-black: #8DB083;   /* the same green lifted for type on black (8.7:1) */

  /* The lightbox hardware: satin aluminium and a warm diffuser panel. */
  --alu: linear-gradient(104deg, rgba(255,255,255,0) 18%, rgba(255,255,255,.34) 44%, rgba(255,255,255,0) 64%),
         repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 1px, rgba(255,255,255,.06) 1px 2px),
         linear-gradient(180deg, #DAD9D3, #ACABA5);
  --diffuser: #FBFAF2;

  /* Each page sets --field (its colour) and --on-field (its type colour). */
  --field: var(--ink);
  --on-field: var(--white);
  --focus: var(--telescope-yellow);

  --font-display: "Saira Extra Condensed", "Arial Narrow", sans-serif;
  --font-text: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --space: 1rem;
  --gutter: clamp(16px, 3.4vw, 56px);

  /* Kept for older selectors. */
  --paper: var(--white);
  --alcatraz-grey: #8E8C85;
}