:root{color-scheme:light dark;--fg:#22201c;--bg:#f6f3ec;--mut:#7a746b;--line:#e2dccf;--acc:#2c4f9e}
@media (prefers-color-scheme:dark){:root{--fg:#ebe7df;--bg:#121214;--mut:#9a948b;--line:#29282c;--acc:#8fa8e6}}
*{box-sizing:border-box}body{margin:0 auto;max-width:72rem;padding:1.5rem 1rem 3rem;font:16px/1.6 Georgia,'Iowan Old Style',serif;color:var(--fg);background:var(--bg)}
a{color:inherit}header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
.brand{font-size:1.3rem;text-decoration:none;letter-spacing:.02em}.brand i{color:var(--mut)}nav a{margin-left:1.2rem;color:var(--mut);text-decoration:none;font:15px system-ui,sans-serif}
.intro{max-width:38rem;color:var(--mut);margin:2rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem 1.5rem}
.card{text-decoration:none}.card img{width:100%;aspect-ratio:840/1188;display:block;box-shadow:0 2px 14px #0002;border-radius:2px;background:#fff}
.card h3{margin:.7rem 0 0;font-weight:normal;font-size:1.05rem}.card p{margin:0;color:var(--mut);font:13px system-ui,sans-serif}
.piece{display:grid;grid-template-columns:minmax(0,3fr) minmax(14rem,1fr);gap:2.5rem;margin-top:2rem}
@media (max-width:760px){.piece{grid-template-columns:1fr}}
.piece img{width:100%;box-shadow:0 4px 24px #0003;border-radius:2px}
dl{font:14px system-ui,sans-serif;display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem}dt{color:var(--mut)}dd{margin:0}
.pn{display:flex;justify-content:space-between;margin-top:2rem;font:14px system-ui,sans-serif}.pn a{color:var(--acc)}
footer{margin-top:4rem;color:var(--mut);font:13px system-ui,sans-serif;border-top:1px solid var(--line);padding-top:1rem}