/* ==========================================================================
   Variant: Navy — the same system, re-grounded on deep Admiralty blue.
   Tokens only; no structural change.
   ========================================================================== */
:root{
  --ink:#0A1220;
  --ink-2:#0F1B2E;
  --ink-3:#17273F;
  --paper:#F7F8FA;
  --paper-2:#EBEFF4;
  --paper-3:#DCE3EB;
  --brass:#B08A3E;
  --brass-lite:#E3C27E;
  --text:#0E1826;
  --text-mute:#54617A;
  --text-invert:#EDF2F8;
  --text-invert-mute:#9CAABE;
  --line:#D2DAE4;
  --line-dark:rgba(180,205,240,.16);
  --shadow:0 24px 60px -30px rgba(10,18,32,.5);
}
/* the courtroom photograph is warm oak — cool it toward the navy ground */
.hero__bg img{filter:saturate(.4) contrast(1.2) brightness(.74) hue-rotate(-8deg)}
.hero__bg::after{
  background:
    linear-gradient(180deg,rgba(8,15,26,.74) 0%,rgba(8,15,26,.1) 26%,rgba(8,15,26,0) 55%,rgba(8,15,26,.6) 100%),
    linear-gradient(97deg,rgba(8,15,26,.97) 0%,rgba(8,15,26,.94) 30%,rgba(8,15,26,.66) 55%,rgba(8,15,26,.16) 100%)}
.area img{filter:grayscale(.85) brightness(.62) hue-rotate(-6deg)}
.split__media img{filter:grayscale(.4) contrast(1.03) hue-rotate(-6deg)}