.blog-root{font-family:var(--font-body);background:var(--cream);color:var(--midnight);min-height:100vh}.blog-root .topbar{border-bottom:1px solid var(--ink-100);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#f4ede0eb;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.blog-root .topbar .back{letter-spacing:.04em;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.blog-root .topbar .brand{align-items:center;gap:10px;display:flex}.blog-root .topbar .brand-name{font-family:var(--font-display);letter-spacing:-.03em;text-transform:lowercase;font-size:20px;font-style:italic;font-weight:900}.blog-root .topbar .meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);font-size:11px}.blog-root .art-head{max-width:880px;margin:0 auto;padding:96px 24px 40px}.blog-root .art-head .eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:12px;font-weight:700}.blog-root .art-head h1{font-family:var(--font-display);letter-spacing:-.04em;text-transform:lowercase;max-width:18ch;font-size:clamp(44px,6.5vw,88px);font-style:italic;font-weight:900;line-height:.96}.blog-root .art-head h1 em{color:var(--accent)}.blog-root .art-head .sub{color:var(--ink-700);max-width:58ch;margin-top:24px;font-size:20px;font-weight:500;line-height:1.5}.blog-root .art-head .byline{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);flex-wrap:wrap;gap:18px;margin-top:28px;font-size:12px;display:flex}.blog-root .prose{max-width:720px;margin:0 auto;padding:24px 24px 40px}.blog-root .prose p{color:var(--ink-700);margin-bottom:22px;font-size:17px;line-height:1.7}.blog-root .prose p strong{color:var(--midnight);font-weight:800}.blog-root .prose h2{font-family:var(--font-display);letter-spacing:-.03em;text-transform:lowercase;align-items:baseline;gap:16px;margin:52px 0 18px;font-size:clamp(28px,3.4vw,40px);font-style:italic;font-weight:900;line-height:1.05;display:flex}.blog-root .prose h2 .num{font-family:var(--font-mono);color:var(--cream);background:var(--accent);border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex;transform:translateY(-4px)}.blog-root .prose ul{margin:0 0 22px;padding-left:22px}.blog-root .prose li{color:var(--ink-700);margin-bottom:10px;font-size:17px;line-height:1.65}.blog-root .prose a{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.blog-root .pull{background:var(--midnight);color:var(--cream);font-family:var(--font-display);letter-spacing:-.02em;text-transform:lowercase;border-radius:18px;margin:44px 0;padding:32px 36px;font-size:clamp(22px,2.6vw,30px);font-style:italic;font-weight:800;line-height:1.25}.blog-root .pull em{color:var(--lime)}.blog-root .mf{border:1px solid var(--ink-100);border-radius:16px;margin:26px 0 34px;overflow:hidden}.blog-root .mf .row{grid-template-columns:110px 1fr;gap:18px;padding:18px 24px;font-size:15.5px;line-height:1.55;display:grid}.blog-root .mf .row+.row{border-top:1px solid var(--ink-100)}.blog-root .mf .tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;padding-top:3px;font-size:11px;font-weight:700}.blog-root .mf .tag.bad{color:var(--accent)}.blog-root .mf .tag.good{color:#0a8057}.blog-root .art-cta{background:var(--midnight);color:var(--cream);text-align:center;margin-top:60px;padding:90px 24px}.blog-root .art-cta h3{font-family:var(--font-display);letter-spacing:-.035em;text-transform:lowercase;max-width:22ch;margin:0 auto 18px;font-size:clamp(34px,5vw,64px);font-style:italic;font-weight:900;line-height:.95}.blog-root .art-cta h3 em{color:var(--lime)}.blog-root .art-cta p{color:#f4ede0b3;max-width:52ch;margin:0 auto 32px;line-height:1.55}.blog-root .art-cta .btn{background:var(--accent);color:var(--cream);border-radius:999px;padding:17px 38px;font-size:15px;font-weight:800;transition:all .24s cubic-bezier(.16,1,.3,1);display:inline-block}.blog-root .art-cta .btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #ff3d3d66}.blog-root .art-next{max-width:880px;margin:0 auto;padding:56px 24px 80px}.blog-root .art-next a{border:1px solid var(--ink-100);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex}.blog-root .art-next a:hover{background:var(--midnight);color:var(--cream);border-color:var(--midnight)}.blog-root .art-next .eb{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);margin-bottom:10px;font-size:11px}.blog-root .art-next a:hover .eb{color:#f4ede099}.blog-root .art-next h4{font-family:var(--font-display);letter-spacing:-.03em;text-transform:lowercase;font-size:clamp(24px,3vw,36px);font-style:italic;font-weight:900;line-height:1.05}.blog-root .art-next .arr{flex:none;font-size:28px}.blog-root footer{border-top:1px solid var(--ink-100);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 40px;font-size:11px;display:flex}.blog-root .idx-head{max-width:880px;margin:0 auto;padding:110px 24px 30px}.blog-root .idx-head h1{font-family:var(--font-display);letter-spacing:-.045em;text-transform:lowercase;font-size:clamp(56px,9vw,130px);font-style:italic;font-weight:900;line-height:.92}.blog-root .idx-head h1 em{color:var(--accent)}.blog-root .idx-head p{color:var(--ink-700);max-width:52ch;margin-top:20px;font-size:18px;line-height:1.55}.blog-root .idx-list{max-width:880px;margin:0 auto;padding:20px 24px 100px}.blog-root .idx-item{border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:baseline;gap:24px;padding:34px 0;transition:padding-left .24s cubic-bezier(.16,1,.3,1);display:flex}.blog-root .idx-item:hover{padding-left:12px}.blog-root .idx-item .t{font-family:var(--font-display);letter-spacing:-.03em;text-transform:lowercase;font-size:clamp(24px,3.6vw,42px);font-style:italic;font-weight:900;line-height:1.05}.blog-root .idx-item:hover .t{color:var(--accent)}.blog-root .idx-item .m{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);text-align:right;flex:none;font-size:11px;line-height:1.8}@media (max-width:640px){.blog-root .topbar{padding:16px 20px}.blog-root .art-head{padding-top:64px}.blog-root .mf .row{grid-template-columns:1fr;gap:6px}.blog-root .idx-item{flex-direction:column;gap:10px}.blog-root .idx-item .m{text-align:left}}
