/* Hallmark · shape: long document, the privacy notice set as ruled rows on the table, each head in the margin beside its paragraphs · genre: editorial · theme: custom · job: hire · idea: "a design studio's dark worktable, where finished pieces lie at true size beside the studio's own proofs" · vibe: "exact, tactile, workmanlike, quietly confident" · copy: verbatim (legal text written and confirmed by Codex; it must stay complete, so the screen budget reads as a note)
 * paper: oklch(16.9% 0.009 85) · accent: oklch(84% 0.12 92) · display: Clash Grotesk 600 · body: Newsreader · hero: none, a document head · nav: the site masthead · footer: the site colophon · imagery: none · signature: the same table and hairlines as the home page
 * axes: dark/grotesk-sans/chromatic-yellow · posture: Restrained · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · waive 77 · the notice is ten ruled rows of short headed paragraphs, read in a 62ch column · a privacy notice is read top to bottom as one document, so its parts are signposts, not landing sections */
/* Hallmark · waive 78 · document heads at the title size, in the margin · in this privacy notice the h2s label paragraphs of one text, so section-sized heads would break it into fake chapters */
/* Hallmark · pre-emit critique: P3 H4 E4 S3 R5 V3 · weakest: S, a privacy notice is the same everywhere; kept to the facts of this studio's own setup */
@import url("./site.css");

.notice { border-top: var(--rule-heavy) solid var(--color-ink); }
.notice__row { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--gap-columns); padding-block: var(--space-lg) var(--space-xl); border-bottom: var(--rule-hair) solid var(--color-rule); }
.notice__row h2 { font-size: var(--text-title); line-height: 1.25; letter-spacing: -0.01em; }
.notice__text { max-width: 62ch; }
.notice__text p { color: var(--color-ink-2); font-size: var(--text-md); line-height: 1.65; }
.notice__text p + p { margin-top: var(--space-sm); }
.notice__sources { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--space-2xs); font-size: var(--text-sm); }
@media (max-width: 48rem) { .notice__row { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-xs); } }