/* One column, system fonts, one signature colour (vermilion: the name, the email link, the tab icon).
   No motion, no web fonts, no scripts. Colours, size, width and the name's font can be overridden from
   @style in content/profile.txt; the generator writes those as custom properties after this file. */
:root{--fg:#141414;--muted:#55534e;--bg:#fbfaf7;--rule:#dedad2;--accent:#bf3211;--size:17px;--width:41rem;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--name-font:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif}
@media (prefers-color-scheme:dark){:root{--fg:#efede8;--muted:#b0ada6;--bg:#131312;--rule:#2f2e2b;--accent:#ff8059}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:var(--size)/1.6 var(--sans)}
header,main,footer{max-width:var(--width);margin:0 auto;padding:0 1.25rem}
header{padding-top:3.5rem;display:grid;grid-template-columns:1fr auto;column-gap:1.25rem}
header>*{grid-column:1}
.me{grid-column:2;grid-row:1/4;width:88px;height:88px;border-radius:50%;object-fit:cover}
h1{font:600 2.5rem/1.1 var(--name-font);margin:0;color:var(--accent)}
.lede{margin:.45rem 0 0;font-size:1.1rem}
.meta{margin:.2rem 0 0;font-weight:600}
.contact{grid-column:1/-1;margin:1.1rem 0 0}
.contact a{white-space:nowrap}
.seek{grid-column:1/-1;margin:.3rem 0 0}
a{color:inherit;text-decoration-color:var(--muted);text-underline-offset:.2em}
a:hover{text-decoration-color:currentColor}
.cta{color:var(--accent);font-weight:600;text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
strong,b{font-weight:650}
.facts{list-style:none;margin:2.4rem 0 0;padding:1.2rem 0 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr));gap:1rem .9rem}
.facts b{display:block;font-size:1.5rem;line-height:1.15;font-variant-numeric:tabular-nums}
.facts span{display:block;font-size:.92rem;line-height:1.4}
figure{margin:2.4rem 0 0}figure img{display:block;width:100%;height:auto;border-radius:4px}figcaption{margin-top:.5rem;color:var(--muted);font-size:.9rem}
h2{margin:2.9rem 0 .9rem;padding-top:.6rem;border-top:1px solid var(--rule);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
ul,ol{list-style:none;margin:0;padding:0}
.work li{margin:0 0 1.05rem}
.work h3{display:inline;font-size:1rem;margin:0}
.work p,.also{margin:.15rem 0 0}
.rows li{display:grid;grid-template-columns:7rem 1fr;column-gap:1rem;margin:0 0 .75rem}
.d{font-variant-numeric:tabular-nums;font-weight:600}
dl{margin:0;display:grid;grid-template-columns:7rem 1fr;gap:.35rem 1rem}
dt{font-weight:600}
dd{margin:0}
footer{margin-top:3.5rem;padding-bottom:3rem;color:var(--muted);font-size:.9rem}
footer::before{content:"";display:block;border-top:1px solid var(--rule);margin-bottom:1rem}
footer p{margin:.3rem 0}
footer a{color:var(--fg);font-weight:600}
.nf{padding-top:4rem}
@media (max-width:34rem){header{padding-top:2rem}h1{font-size:2.1rem}.facts b{font-size:1.3rem}.facts span{font-size:.85rem}.me{width:64px;height:64px}.rows li,dl{grid-template-columns:1fr;row-gap:0}dt{margin-top:.5rem}.d{font-size:.9rem}}
@media print{:root{--fg:#000;--muted:#333;--bg:#fff;--accent:#000}body{font-size:10.5pt}.me{display:none}a{text-decoration:none}footer{display:none}}