:root{
  --bg:#faf8f4; --bg-2:#efe9df; --card:#ffffff; --ink:#141414; --ink-2:#565149;
  --line:#e6ded1; --ember:#e05a17; --ember-dk:#c2500f; --ring:rgba(224,90,23,.12);
  --shadow:0 20px 60px rgba(20,20,20,.08); --shadow-sm:0 6px 24px rgba(20,20,20,.06);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
.accent{color:var(--ember)}
/* NAV */
header.site{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:9px}
.logo-wm{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.logo-wm .x{color:var(--ember)}
.links{display:flex;gap:32px;list-style:none}
.links a{font-size:14px;font-weight:500;color:var(--ink-2);transition:color .2s}
.links a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;border-radius:999px;padding:10px 18px;background:var(--ember);color:#fff;transition:background .2s,transform .15s}
.btn:hover{background:var(--ember-dk);transform:translateY(-1px)}
@media(max-width:820px){.links{display:none}}
/* POST */
.post-wrap{max-width:760px;margin:0 auto;padding:0 24px}
.post-hero{padding:64px 0 28px;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-dk);margin-bottom:16px}
.eyebrow .rg{width:15px;height:15px}
.post-hero h1{font-size:clamp(30px,5vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.06;color:var(--ink)}
.post-meta{margin-top:18px;font-size:14px;color:var(--ink-2);display:flex;gap:14px;justify-content:center;align-items:center}
.post-meta .dot{width:4px;height:4px;border-radius:50%;background:#c9c1b3}
.post-illus{max-width:1000px;margin:36px auto 8px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:var(--bg-2)}
.post-illus img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}
.post-body{padding:44px 0 20px}
.post-body p{font-size:17.5px;color:#2c2a26;margin:0 0 22px}
.post-body h2{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:44px 0 16px;color:var(--ink)}
.post-body h3{font-size:20px;font-weight:800;margin:32px 0 12px;color:var(--ink)}
.post-body ul,.post-body ol{margin:0 0 22px 22px}
.post-body li{font-size:17.5px;color:#2c2a26;margin-bottom:9px}
.post-body strong{color:var(--ink);font-weight:700}
.post-body a{color:var(--ember-dk);text-decoration:underline;text-underline-offset:2px}
.post-body blockquote{border-left:3px solid var(--ember);padding:6px 0 6px 22px;margin:26px 0;font-size:19px;color:var(--ink);font-style:italic}
.post-cta{border-top:1px solid var(--line);margin-top:40px;padding:40px 0;text-align:center}
.post-cta .k{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}
.post-cta p{color:var(--ink-2);margin-bottom:18px}
.backlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ember-dk);margin:8px 0 60px}
/* FOOTER */
footer.site{background:var(--ink);color:#b7b0a4;padding:48px 0 28px;margin-top:20px}
.f-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.f-in .logo-wm{color:#fff}
.f-links{display:flex;gap:22px}
.f-links a{font-size:14px;color:#b7b0a4}
.f-links a:hover{color:#fff}
.f-copy{font-size:13px;color:#8a8378;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}