:root{--bg: #eeeeee;--surface: #ffffff;--ink: #000000;--text: #333333;--muted: #777777;--bar: #151515;--bar-ink: #ffffff;--border: #e4e4e4}@media (prefers-color-scheme: dark){:root{--bg: #121212;--surface: #1b1b1b;--ink: #ffffff;--text: #d6d6d6;--muted: #8d8d8d;--bar: #000000;--border: #2a2a2a}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:Lato,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:inherit}a:focus-visible{outline:2px solid #4c8dff;outline-offset:3px}.nav{position:sticky;top:0;z-index:10;background:var(--bar);padding:28px 16px}.nav nav{display:flex;justify-content:center;gap:38px;flex-wrap:wrap}.nav a{color:var(--bar-ink);text-decoration:none;font-size:1.15rem}.nav a:hover{text-decoration:underline}.card{max-width:960px;margin:56px auto 80px;padding:64px 48px 72px;background:var(--surface);border:1px solid var(--border)}h1{margin:0 0 56px;color:var(--ink);font-size:clamp(2.8rem,6vw,4rem);font-weight:900;line-height:1.1}h2{margin:0 0 32px;color:var(--ink);font-size:2.35rem;font-weight:400}h3{margin:0;font-size:1.5rem;font-weight:400}h3 a{text-decoration:none}h3 a:hover{text-decoration:underline}section+section{margin-top:96px}.list{list-style:none;margin:0;padding:0;display:grid;gap:40px}.project{display:flex;gap:24px;align-items:flex-start}.thumb{flex:none;width:112px;height:112px;display:block}.project:first-child .thumb{border-radius:22px}.project-logo{object-fit:cover}.meta{margin:0 0 2px;color:var(--muted);font-size:1.1rem}.blurb{margin:4px 0 0;color:var(--muted);font-size:1.15rem}.poem{max-width:60ch}.poem p{margin:0 0 1.4em;font-size:1.2rem;line-height:1.65}.poem p:last-child{margin-bottom:0}.more{margin:20px 0 0;color:var(--muted);font-size:1.05rem}@media (max-width: 600px){.card{margin:0;padding:44px 24px 56px;border:0}.nav nav{gap:22px}.project{flex-direction:column}.more{font-size:1.6rem}}.back{margin:0 0 32px;font-size:1.05rem}.detail-title{margin-bottom:8px;font-size:clamp(2.35rem,5vw,3.15rem)}.detail-meta{margin-bottom:22px}.project-page-image{margin-bottom:32px}.project-page-image .thumb{width:200px;height:200px;max-width:100%;border-radius:22px}.project-description{max-width:60ch;margin:0;color:var(--text);font-size:1.2rem;line-height:1.65}
