*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #FAF8F5;--cream-dark: #F2EDE6;--ink: #1A1A1A;--ink-light: #4A4540;--ink-muted: #9A9390;--radius: 16px;--radius-pill: 999px}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--cream);color:var(--ink);line-height:1.7;font-size:16px}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif}#navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 5%;height:64px;display:flex;align-items:center;justify-content:space-between;background:#faf8f5eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{font-size:.9rem;color:var(--ink-light);text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--ink);font-weight:500}.nav-cta{background:var(--ink);color:#fff!important;padding:.55rem 1.2rem;border-radius:var(--radius-pill);font-size:.875rem!important;font-weight:500!important;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.article-wrap{max-width:720px;margin:0 auto;padding:110px 5% 80px}.article-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-muted);text-decoration:none;margin-bottom:2rem;transition:color .2s}.article-back:hover{color:var(--ink)}.article-tag{display:inline-flex;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);background:var(--cream-dark);padding:.25rem .75rem;border-radius:var(--radius-pill);margin-bottom:1rem}.article-title{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;margin-bottom:1rem}.article-meta{font-size:.82rem;color:var(--ink-muted);margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.08)}.article-body{font-size:1rem;color:var(--ink-light)}.article-body h2{font-size:1.5rem;color:var(--ink);margin:2.5rem 0 .75rem}.article-body h3{font-size:1.15rem;color:var(--ink);margin:1.75rem 0 .5rem}.article-body p{margin-bottom:1.25rem}.article-body ul,.article-body ol{margin:0 0 1.25rem 1.5rem}.article-body li{margin-bottom:.4rem}.article-body strong{color:var(--ink);font-weight:600}.article-body blockquote{border-left:3px solid var(--ink-muted);padding:.75rem 1.25rem;margin:1.5rem 0;color:var(--ink-light);font-style:italic;background:var(--cream-dark);border-radius:0 8px 8px 0}.article-body hr{border:none;border-top:1px solid rgba(0,0,0,.08);margin:2.5rem 0}.cta-box{background:var(--ink);color:#fff;border-radius:var(--radius);padding:2rem;margin:3rem 0;text-align:center}.cta-box h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.cta-box p{font-size:.9rem;opacity:.75;margin-bottom:1.25rem}.cta-box a{background:#fff;color:var(--ink);padding:.6rem 1.4rem;border-radius:var(--radius-pill);font-weight:600;text-decoration:none;font-size:.9rem;transition:opacity .2s;display:inline-block}.cta-box a:hover{opacity:.85}footer{border-top:1px solid rgba(0,0,0,.07);padding:2.5rem 5%;margin-top:4rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.footer-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.footer-copy{font-size:.8rem;color:var(--ink-muted)}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;list-style:none}.footer-nav a{font-size:.82rem;color:var(--ink-muted);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--ink)}@media(max-width:600px){.nav-links{display:none}}