/* v2 · Night Watch — values specific to this direction. Colours and typefaces come from ../../brand/tokens.css and are not redefined here. */
:root{
  --rise:16px; --dur:.7s; --ease:cubic-bezier(.2,.7,.2,1);
  --hull:26px; --radius:0px; --rule-w:1.5px;
  --body:18px; --h1:clamp(30px,4.4vw,66px); --h2:clamp(24px,3.2vw,46px); --h3:19px;
  --gutter:round(clamp(24px,5vw,80px), 8px); --screen:100svh; --measure:36rem;
  --hero-ratio:16 / 9; --dur:.9s; --rise:28px;
  /* split sections, added in the second run */
  --left:44%; --h2-split:clamp(22px,2.6vw,38px); --on-gold:var(--ground); --sec:round(clamp(72px,10vw,144px), 8px); --pin-top:112px; --term:13rem; --row:24px; --row-gap:24px; --s-intro:16px; --s-cta:32px;
  /* the design system, graphics and copy views */
  --doc-top:120px; --doc-bottom:144px; --doc-max:1280px; --small:16px; --cell:16px; --line:var(--n-6); --field:var(--n-5);
  /* small fixed values, one token per size, named by its size in pixels */
  /* type sizes */
  --fs-10:14px; --fs-11:14px; --fs-12:14px; --fs-13:14px; --fs-14:14px; --fs-15:16px; --fs-17:17px; --fs-24:24px; --fs-26:26px;
  /* line and outline widths */
  --bw-1:1px; --bw-1_5:1.5px; --bw-2:2px; --bw-3:3px;
  /* spacing, sizes and offsets */
  --sp-2:2px; --sp-3:3px; --sp-4:4px; --sp-5:5px; --sp-6:6px; --sp-7:7px; --sp-8:8px; --sp-9:9px; --sp-10:10px; --sp-12:12px; --sp-13:13px; --sp-14:14px; --sp-16:16px; --sp-18:18px; --sp-22:22px; --sp-24:24px; --sp-26:26px; --sp-28:28px; --sp-30:30px;--sp-32:32px; --sp-34:34px; --sp-36:36px; --sp-40:40px; --sp-44:44px; --sp-56:56px; --sp-64:64px; --sp-72:72px; --sp-96:96px; --sp-110:110px;--sp-112:112px; --sp-119:119px; --sp-120:120px; --sp-180:180px; --sp-200:200px; --sp-320:320px; --sp-340:340px; --sp-1100:1100px; --sp-1200:1200px;
  /* twelve-section structure */
  --panel:26rem; --score:clamp(84px,10vw,150px); --sweep:4s; --wk-min:30rem;
}
[data-theme="light"]{ --line:var(--n-4); --on-gold:var(--ink); }

/* proof placeholders */
:root{ --hm-w:38%; --need-up:62%; }
/* reversed first screen */
:root{ --page:var(--ground); --inv-ground:var(--ink); --inv-ink:var(--ground); }
/* the header logo */
:root{ --logo-w:clamp(240px,23vw,330px); }
:root{ --h1-hero:calc(var(--h1)*.84); }
/* flickering grid */
:root{ --fg-size:3px; --fg-gap:4px; --fg-max:.3; --fg-chance:.3; --fg-skew:-12deg; --fg-over:-22%; --fg-reach:90px; --fg-lift:.95;
  /* a word appears in the grid:how dim its squares may go, the height kept clear under the header, the room kept at the right edge, and the timing in seconds */
  --fg-word-low: .5; --fg-word-top:96px; --fg-word-edge:40px; --fg-word-from:.03; --fg-word-few:5; --fg-word-many:5; --fg-boat-min:50px; --fg-boat-max:95px; --fg-word-first:2; --fg-word-every:7; --fg-word-rise:1.2; --fg-word-hold:2.6; }