:root{--bg: #f3f2ed;--paper: #fbfbf8;--ink: #16171b;--muted: #6c6d70;--faint: #94948f;--line: #dedcd4;--accent: #3a35e0;--accent-ink: #2a26bd;--f-display: "Fraunces", Georgia, "Times New Roman", serif;--f-body: "Inter", system-ui, sans-serif;--f-mono: "Space Mono", ui-monospace, monospace;--measure: 66ch;--pad: clamp(1.1rem, 4vw, 2rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body{font-family:var(--f-body);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:min(64rem,100% - 2 * var(--pad));margin-inline:auto}.mono{font-family:var(--f-mono)}.eyebrow{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.site-head{border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:1.15rem;gap:1rem}.brand{font-family:var(--f-display);font-weight:600;font-size:1.15rem;letter-spacing:-.01em;color:var(--ink)}.brand b{color:var(--accent);font-weight:600}.nav{display:flex;gap:1.5rem;font-family:var(--f-mono);font-size:.8rem}.nav a{color:var(--muted)}.nav a:hover{color:var(--ink)}.hero{padding-block:clamp(3.5rem,11vw,6.5rem) clamp(2.5rem,7vw,4rem)}.hero .eyebrow{display:block;margin-bottom:1.5rem}.hero h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.3rem,6.2vw,4rem);line-height:1.05;letter-spacing:-.02em;max-width:20ch}.hero h1 em{font-style:italic;color:var(--accent)}.hero .sub{margin-top:1.6rem;color:var(--muted);font-size:clamp(1rem,2.3vw,1.18rem);max-width:52ch}.section{padding-block:clamp(2.2rem,6vw,3.4rem);border-top:1px solid var(--line)}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2rem}.section__head h2{font-family:var(--f-display);font-weight:500;font-size:1.4rem;letter-spacing:-.01em}.section__head .eyebrow{font-size:.7rem}.work{display:flex;flex-direction:column}.work__row{display:grid;grid-template-columns:3.2rem 1fr auto;gap:clamp(1rem,3vw,2rem);align-items:center;padding:1.5rem 0;border-top:1px solid var(--line);color:var(--ink);transition:background .16s ease}.work__row:first-child{border-top:none}.work__row:hover{background:var(--paper)}.work__num{font-family:var(--f-mono);font-size:.8rem;color:var(--faint)}.work__main{min-width:0}.work__title{font-family:var(--f-display);font-weight:500;font-size:clamp(1.25rem,3vw,1.7rem);letter-spacing:-.01em;line-height:1.1}.work__desc{color:var(--muted);font-size:.95rem;margin-top:.3rem;max-width:52ch}.work__meta{font-family:var(--f-mono);font-size:.72rem;color:var(--muted);text-align:right;white-space:nowrap}.work__thumb{display:none}@media(min-width:720px){.work__row{grid-template-columns:3.2rem 8rem 1fr auto}.work__thumb{display:block;width:8rem;aspect-ratio:16/11;object-fit:cover;border:1px solid var(--line);border-radius:4px}.work__thumb--empty{display:flex;align-items:center;justify-content:center;text-align:center;padding:.3rem;font-family:var(--f-mono);font-size:.58rem;color:var(--faint);background:var(--paper)}}.writing{display:flex;flex-direction:column}.writing__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1.2rem;padding:1.2rem 0;border-top:1px solid var(--line);color:var(--ink)}.writing__row:first-child{border-top:none}.writing__row:hover .writing__title{color:var(--accent)}.writing__date{font-family:var(--f-mono);font-size:.72rem;color:var(--faint);width:6rem}.writing__title{font-family:var(--f-display);font-weight:500;font-size:1.2rem;letter-spacing:-.01em;flex:1 1 16rem}.writing__desc{flex-basis:100%;color:var(--muted);font-size:.92rem;padding-left:0}@media(min-width:640px){.writing__desc{padding-left:7.2rem}}.contact{padding-block:clamp(2.5rem,7vw,4rem);border-top:1px solid var(--line)}.contact h2{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:-.02em}.contact p{color:var(--muted);margin-top:.8rem;max-width:44ch}.contact__links{margin-top:1.6rem;display:flex;gap:1.6rem;font-family:var(--f-mono);font-size:.85rem}.contact__links a{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:2px}.contact__links a:hover{color:var(--accent)}.post{padding-block:clamp(2.2rem,6vw,3.4rem) 4rem}.post__back{font-family:var(--f-mono);font-size:.75rem;color:var(--muted);display:inline-block;margin-bottom:1.8rem}.post__back:hover{color:var(--ink)}.post__kind{font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.post h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.06;letter-spacing:-.02em;margin:.6rem 0;max-width:18ch}.post__meta{font-family:var(--f-mono);font-size:.74rem;color:var(--muted);display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.post__visit{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:1px}.post__hero{margin:2rem 0 2.4rem;border:1px solid var(--line);border-radius:6px;overflow:hidden}.post__hero img{width:100%;aspect-ratio:16/9;object-fit:cover}.prose{max-width:var(--measure);font-size:1.08rem;color:#2b2c30}.prose>*+*{margin-top:1.2rem}.prose h2,.prose h3{font-family:var(--f-display);font-weight:500;letter-spacing:-.01em;color:var(--ink);margin-top:2.2rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.22rem}.prose strong{color:var(--ink)}.prose a{border-bottom:1px solid var(--accent)}.prose ul,.prose ol{padding-left:1.3rem}.prose li+li{margin-top:.4rem}.prose li::marker{color:var(--accent)}.prose img{border:1px solid var(--line);border-radius:6px;margin:1.6rem 0}.site-foot{border-top:1px solid var(--line)}.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem 2.6rem;font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}.site-foot a{color:var(--muted)}.site-foot a:hover{color:var(--ink)}@media(max-width:560px){.nav{gap:1rem;font-size:.74rem}.work__row{grid-template-columns:2.2rem 1fr}.work__meta{grid-column:2;text-align:left}}