:root { --night:#111311; --paper:#d6d0c3; --smoke:#9b998f; --moss:#798276; --ember:#b47d5e; --line:#343831; }
* { box-sizing: border-box; }
body { margin:0; background:var(--night); color:var(--paper); font-family: Georgia, "Times New Roman", serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--ember); outline-offset:4px; }
.wrap { width:min(1180px, calc(100% - 44px)); margin:auto; }
header { padding:30px 0 22px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.mark { font-style:italic; font-size:22px; letter-spacing:.02em; }
nav { display:flex; gap:24px; font:12px/1.2 ui-monospace, monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--smoke); }
nav a:hover, nav a[aria-current="page"] { color:var(--paper); }
.intro { padding:110px 0 80px; display:grid; grid-template-columns:1fr 1fr; gap:10vw; align-items:end; }
.date { color:var(--ember); font:12px/1.2 ui-monospace, monospace; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:clamp(58px, 10vw, 138px); font-weight:400; line-height:.87; letter-spacing:-.06em; margin:14px 0 0; }
.intro p { color:var(--smoke); font-size:clamp(18px, 2.2vw, 27px); max-width:520px; }
.entry { display:grid; grid-template-columns:150px 1fr; gap:32px; padding:70px 0; border-top:1px solid var(--line); }
.entry-meta { color:var(--smoke); font:11px/1.6 ui-monospace, monospace; text-transform:uppercase; letter-spacing:.08em; }
.entry h2 { font-size:clamp(36px, 5vw, 68px); font-weight:400; margin:0 0 26px; letter-spacing:-.035em; }
.photo { width:100%; min-height:560px; background-position:center; background-size:cover; filter:saturate(.68); }
.photo.one { background-image:url('/assets/night-window.svg'); }
.photo.two { background-image:url('/assets/slow-road.svg'); }
.note { max-width:650px; color:#b6b1a6; font-size:18px; margin:24px 0 0; }
.archive { padding:90px 0 140px; }
.archive h1 { margin-bottom:70px; }
.archive-row { display:grid; grid-template-columns:140px 1fr auto; gap:24px; align-items:center; padding:24px 0; border-top:1px solid var(--line); }
.archive-row:last-child { border-bottom:1px solid var(--line); }
.archive-row span:first-child, .archive-row span:last-child { color:var(--smoke); font:12px ui-monospace, monospace; }
.archive-row strong { font-size:24px; font-weight:400; }
footer { color:var(--smoke); border-top:1px solid var(--line); padding:28px 0 45px; display:flex; justify-content:space-between; font:12px ui-monospace, monospace; }
@media (max-width:720px){.wrap{width:calc(100% - 24px)}header{align-items:flex-start}.mark{font-size:18px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.intro{grid-template-columns:1fr;padding:72px 0 56px}.entry{grid-template-columns:1fr;gap:20px;padding:52px 0}.photo{min-height:420px}.archive-row{grid-template-columns:76px 1fr}.archive-row span:last-child{display:none}footer{gap:18px;flex-direction:column}}