/* Shared chassis for the three personal sites, retuned per site by the
   tokens at the top. Quiet, typographic, nothing competing with the work. */
:root{
  --paper:#FBFAF7; --ink:#17150F; --body:#3C3830; --muted:#6F695C;
  --rule:rgba(23,21,15,.13); --accent:#7A4A1E;
  --serif:"Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--paper:#14130F;--ink:#F1EDE4;--body:#C2BBAC;--muted:#8B8477;
        --rule:rgba(241,237,228,.16);--accent:#C99A5F}
}
:root[data-theme="dark"]{--paper:#14130F;--ink:#F1EDE4;--body:#C2BBAC;
  --muted:#8B8477;--rule:rgba(241,237,228,.16);--accent:#C99A5F}
:root[data-theme="light"]{--paper:#FBFAF7;--ink:#17150F;--body:#3C3830;
  --muted:#6F695C;--rule:rgba(23,21,15,.13);--accent:#7A4A1E}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--serif);
  font-size:1.05rem;line-height:1.72;-webkit-font-smoothing:antialiased}
.wrap{max-width:52rem;margin:0 auto;padding:clamp(34px,7vw,76px) 22px 96px}
a{color:var(--accent)}
.mast{display:flex;justify-content:space-between;align-items:baseline;
  border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:44px}
.mast a.home{font-family:var(--sans);font-weight:700;font-size:.9rem;
  color:var(--ink);text-decoration:none}
.mast span{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted)}
h1{font-size:clamp(1.9rem,4.4vw,2.7rem);line-height:1.14;color:var(--ink);
  font-weight:600;margin:0 0 14px;text-wrap:balance}
.lead{font-size:1.12rem;color:var(--ink);max-width:40rem}
p{max-width:40rem}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  margin:40px 0 0}
.grid figure{margin:0}
.grid img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  border-radius:2px;filter:saturate(.96)}
.note{font-family:var(--sans);font-size:.86rem;color:var(--muted);
  border-left:2px solid var(--rule);padding:4px 0 4px 16px;margin:34px 0;
  max-width:38rem}
.foot{font-family:var(--sans);font-size:.78rem;color:var(--muted);
  border-top:1px solid var(--rule);margin-top:56px;padding-top:18px}