:root{
  --sand:#f7f1e6; --ink:#1c2b32; --muted:#5f7682; --line:rgba(28,43,50,.14); --accent:#4f9e98;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--sand);color:var(--ink);line-height:1.85;
  font-family:"Noto Serif SC","Songti SC",Georgia,"Times New Roman",serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
nav{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:22px 28px;font-size:12.5px;letter-spacing:.14em;color:var(--muted);
  border-bottom:1px solid var(--line)
}
nav a{text-decoration:none}
nav a:hover{color:var(--ink)}
main{max-width:760px;margin:0 auto;padding:64px 28px 24px;min-height:66vh}
.kicker{
  font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--accent);margin:0 0 16px
}
h1{font-size:clamp(38px,7vw,62px);line-height:1.12;margin:0 0 8px;font-weight:600;letter-spacing:.02em}
.aka{margin:0 0 22px;color:var(--muted);font-size:14px;letter-spacing:.16em}
.lede{font-size:17px;color:var(--muted);margin:0 0 46px;max-width:30em}
.lede + .intro{margin-top:-22px;margin-bottom:0;font-size:15.5px;max-width:34em}
section{padding:26px 0;border-top:1px solid var(--line)}
section:first-of-type{border-top:0;padding-top:0}
h2{
  font-size:12px;letter-spacing:.2em;color:var(--muted);margin:0 0 14px;
  font-weight:600;text-transform:uppercase
}
p{margin:0 0 12px;max-width:36em}
.log{list-style:none;padding:0;margin:0}
.log li{display:flex;gap:18px;padding:9px 0;border-bottom:1px dashed var(--line)}
.log li:last-child{border-bottom:0}
.log time{color:var(--muted);font-size:13px;min-width:4.6em;font-variant-numeric:tabular-nums}
.placeholder{color:#93a5ad;font-style:italic}
.work{display:grid;gap:14px}
.work article{
  background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px 16px
}
.work h3{font-size:16.5px;font-weight:600;margin:0 0 8px;letter-spacing:.02em}
.work p{margin:0 0 10px;font-size:15px}
.work .stack{
  margin:0;color:var(--muted);font-size:12px;letter-spacing:.09em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace
}
.handover{
  background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:14px;
  padding:26px 26px 18px;margin-top:38px
}
.handover h2{color:var(--accent)}
.handover p:last-child{margin-bottom:0}
footer{
  max-width:760px;margin:0 auto;padding:18px 28px 56px;
  color:var(--muted);font-size:12px;letter-spacing:.14em
}