/* Self-hosted fonts (SIL OFL), latin subset, variable weight. Source: Google Fonts, fetched 2026-11-01. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/inter-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 500;font-display:swap;src:url(assets/fonts/newsreader-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --bg:#FFFFFF; --ink:#1B1A19; --muted:#5E5A55; --rule:#DDDDD8; --accent:#2B6B65;
  --font-serif:'Newsreader',Georgia,'Times New Roman',serif;
  --font-sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --gutter:16px; --max:1120px;
}
body{margin:0}
a{color:var(--accent)} a:hover{color:#1F4F4A}
@keyframes czfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cz-fade{animation:czfade .9s ease-out both}
@media (prefers-reduced-motion:reduce){.cz-fade{animation:none}}

/* hero image (paper waves): beside the text from 900px, as a band under it below that.
   Edges are faded so the photo melts into the white page instead of ending in a hard line. */
.cz-hero-art img{-webkit-mask-image:linear-gradient(to right,transparent,#000 30%,#000 80%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 70%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 30%,#000 80%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 70%,transparent);mask-composite:intersect}
/* below 900px: a wide band under the text, cropped to the wave crests */
@media (max-width:899px){
  .cz-hero-art{flex:1 1 100% !important;max-width:none !important;margin:0 !important}
  .cz-hero-art img{height:auto !important;aspect-ratio:16/9;object-fit:cover;object-position:62% 55%;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent)}
}
@media (min-width:600px) and (max-width:899px){.cz-hero-art img{aspect-ratio:5/2;object-position:62% 60%}}