/* The direct-URL pages (tools/build_pages.py): the gallery's five rooms and
 * the Company page as plain documents — dist/growth/<slug> and dist/company
 * — generated from the SAME templates in index.html, dressed by pages.css
 * (and company.css for the Company page) exactly as in the gallery. This
 * sheet only adds the document's own chrome (the lockup, the note, the nav
 * of rooms, the footer) and undoes the few stage-only rules: page 0's fold
 * at its end, the newspaper unrolled and in the flow. Never loaded by the
 * gallery itself.
 */
* { box-sizing: border-box; }
.static-page { margin: 0; min-height: 100vh; }
.static-page .page { padding-top: clamp(8px, 1vw, 16px); }

.static-head { max-width: 1240px; margin: 0 auto; padding: clamp(18px, 3vw, 40px) clamp(16px, 4vw, 48px) 0; }
.static-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55em;                               /* the lockup: the mark at the left, 1.6x the wordmark's size */
  font-family: "Anton", "Archivo Black", sans-serif;
  font-size: clamp(22px, 2.1vw, 34px);
  letter-spacing: 0.06em;
  line-height: 1;
  color: var(--paper);
  text-decoration: none;
}
.static-brand img { height: 1.6em; width: auto; display: block; }
.static-note { margin: 1.1em 0 0; color: var(--paper-dim); font-size: 0.9em; max-width: 46em; }
.static-note:empty { display: none; }        /* the rooms carry no note; the 404 page does */
.static-note a { color: var(--paper); text-decoration: underline; text-underline-offset: 0.15em; }

/* page 0's fold rests at its end here: the eyes awake, the counter at 80% */
.static-page .fold-art .art.lit { opacity: 1; }

.static-nav {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 56px) clamp(16px, 4vw, 48px);
  border-top: 1px solid rgba(244, 231, 207, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 1.6em;
  font-family: "Anton", "Archivo Black", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: clamp(16px, 1.4vw, 22px);
}
.static-nav a { color: var(--paper-dim); text-decoration: none; }
.static-nav a:hover, .static-nav a[aria-current="page"] { color: var(--paper); }
.static-nav a.gallery { color: var(--red-hot); }
.static-footer { max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 48px) clamp(32px, 4vw, 56px); color: var(--paper-dim); font-size: 0.85em; }
.static-footer a { color: var(--paper-dim); }

/* the Company page: the newspaper as a document — in the flow, unrolled, no cylinder */
.static-company .gazette { position: static; visibility: visible; pointer-events: auto; transform: none; width: min(92vw, 820px); margin: clamp(20px, 3vw, 40px) auto 0; }
.static-company .gazette-paper { clip-path: none; max-height: none; overflow: visible; font-size: clamp(14px, 1.3vw, 19px); }
.static-company .gazette-roll { display: none; }