:root{color-scheme:light;--paper:#f5e9dc;--ink:#211a23;--muted:#594b55;--line:#c3b1a2;--accent:#a02e45;--wash:#ead6cb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}
a{color:inherit;text-underline-offset:.25em}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.shell{width:min(1120px,calc(100% - 3rem));margin-inline:auto}
.top,.bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.3rem}
.top{border-bottom:1px solid var(--line)}
.wordmark,.nav,.bottom,.label,.status{font:600 .79rem/1.45 ui-monospace,Consolas,monospace}
.wordmark{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}
.nav span{color:var(--accent)}
.intro{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;min-height:clamp(390px,68vh,670px);gap:2rem}
.intro-text{padding-block:2rem}
.label{letter-spacing:.065em;color:var(--muted);text-transform:uppercase}
.dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;background:var(--accent);border-radius:50%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
h1{font-size:clamp(5.2rem,14vw,11rem);line-height:.95;letter-spacing:-.092em;margin:.1em 0 .17em}
h1 span{color:var(--accent)}
.lead{max-width:26ch;font-size:clamp(1.14rem,2.5vw,1.5rem);color:var(--muted)}
.figure{background:var(--wash);overflow:hidden;aspect-ratio:1.08;border:1px solid var(--line)}
.figure svg{display:block;width:100%;height:100%}
.work{border-top:1px solid var(--line);padding-block:2.1rem 4rem}
h2{font-size:clamp(2.25rem,5vw,3.7rem);line-height:1.1;margin-bottom:1.3rem}
.entry{display:grid;grid-template-columns:minmax(8rem,1fr) 3fr auto;align-items:start;gap:1rem;padding-block:1.2rem;border-block:1px solid var(--line)}
.entry-type,.status{padding-top:.45rem}
.entry h3{font-size:1.7rem;line-height:1.2}
.entry h3+p{margin-top:.35rem;color:var(--muted)}
.status{color:var(--accent);white-space:nowrap}
.bottom{border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:700px){.shell{width:calc(100% - 2.5rem)}.intro{grid-template-columns:1fr;gap:0;padding-bottom:2.3rem}.intro-text{padding-block:3rem 1.9rem}.figure{aspect-ratio:1.45}.entry{grid-template-columns:1fr auto}.entry>div{grid-row:2;grid-column:1/-1}.entry-type,.status{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}