:root{--cream:#F4EFE7;--cream-deep:#EDE6DA;--card:#F9F5EE;--charcoal:#2C2825;--charcoal-soft:#3A3531;--sienna:#B85A3C;--stone:#D6CEC1;--muted:#7A6F63}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--charcoal);font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--sienna);text-decoration:none}a:hover{text-decoration:underline}
.topbar{border-bottom:1px solid var(--stone);position:sticky;top:0;background:rgba(244,239,231,.92);backdrop-filter:saturate(180%) blur(8px);z-index:10}
.topbar .in{max-width:860px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{font-family:'Fraunces',Georgia,serif;font-size:18px;color:var(--charcoal);font-weight:500;letter-spacing:-.01em}.brand:hover{text-decoration:none}
.topbar nav{display:flex;align-items:center;gap:22px}
.topbar nav a{color:var(--muted);font-size:14px}.topbar nav a:hover{color:var(--charcoal);text-decoration:none}
.topbar nav a.nav-cta{background:var(--charcoal);color:var(--cream);padding:8px 15px;border-radius:999px;font-size:13px}.topbar nav a.nav-cta:hover{background:var(--sienna);color:var(--cream)}
.wrap{max-width:720px;margin:0 auto;padding:60px 24px 40px}
.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
h1{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:40px;line-height:1.12;letter-spacing:-.015em;margin:14px 0 14px}
.dek{font-size:19px;color:var(--charcoal-soft);line-height:1.5;margin:0 0 12px}
.post-meta{color:var(--muted);font-size:13px;margin-bottom:6px}
article{font-size:17px}article h3{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:23px;letter-spacing:-.01em;margin:36px 0 10px;color:var(--charcoal)}
article p{margin:0 0 18px;color:var(--charcoal-soft)}article ul{padding-left:20px;margin:0 0 18px}article li{margin:6px 0;color:var(--charcoal-soft)}
article blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--sienna);font-family:'Fraunces',Georgia,serif;font-size:20px;color:var(--charcoal);font-style:italic}
article code{background:var(--cream-deep);padding:1px 5px;border-radius:4px;font-size:14px}
.cta{margin:48px 0 0;padding:28px 30px;background:var(--card);border:1px solid var(--stone);border-radius:14px}
.cta h4{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:22px;margin:0 0 6px;letter-spacing:-.01em}.cta p{margin:0 0 16px;color:var(--charcoal-soft);font-size:15px}
.btn{display:inline-block;background:var(--charcoal);color:var(--cream);padding:11px 20px;border-radius:999px;font-size:15px}.btn:hover{background:var(--sienna);text-decoration:none}
.backlink{display:inline-block;margin-top:38px;color:var(--muted);font-size:14px}
.builds-list{margin-top:40px}
.build-card{display:block;padding:26px 0;border-top:1px solid var(--stone)}.build-card:hover{text-decoration:none}.build-card:last-child{border-bottom:1px solid var(--stone)}
.build-card h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:25px;color:var(--charcoal);margin:0 0 8px;letter-spacing:-.01em}.build-card .bc-dek{color:var(--charcoal-soft);font-size:16px;margin:0 0 8px;line-height:1.5}.build-card .bc-meta{color:var(--muted);font-size:13px}.build-card .bc-arrow{color:var(--sienna)}
.build-card:hover h3{color:var(--sienna)}
footer.site{border-top:1px solid var(--stone);margin-top:64px}footer.site .in{max-width:720px;margin:0 auto;padding:26px 24px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:600px){h1{font-size:30px}.wrap{padding:42px 22px 30px}.topbar nav a.sec-link{display:none}.topbar nav{gap:16px}}