.blog-shell{--paper:#fbf9f5;--paper-deep:#f2efe8;--paper-light:#fefdfa;--paper-warm:#f6f3ec;--ink:#0a0808;--soft-brown:#3a3329;--oxblood:#143a39;--oxblood-deep:#0e2a29;--gold:#c8a878;--gold-soft:#d9c09a;--muted:#6b5f49;--hairline:#2d282333;--hairline-soft:#2d28231a;--serif:var(--font-plex-serif), Georgia, serif;--sans:var(--font-plex-sans), system-ui, sans-serif;--mono:var(--font-plex-mono), ui-monospace, monospace;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:17px;line-height:1.6;position:relative}.blog-shell:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#2d28230f .7px,#0000 .7px);background-size:14px 14px;position:fixed;inset:0}.blog-shell>*{z-index:1;position:relative}.blog-shell a{color:var(--oxblood);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .18s}.blog-shell a:hover{color:var(--oxblood-deep);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.blog-shell .mono{font-family:var(--mono)}.blog-masthead{z-index:100;background:var(--paper);border-bottom:1px solid var(--hairline);position:sticky;top:0}.masthead-inner{align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:20px 32px;display:flex}.masthead-logo{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);font-size:19px;font-weight:500;text-decoration:none}.masthead-logo:hover{color:var(--ink)}.masthead-logo em{font-style:italic}.masthead-nav{gap:36px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.masthead-nav a{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-size:11px;text-decoration:none}.masthead-nav a:hover{color:var(--oxblood)}.masthead-cta{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:11px;text-decoration:none;transition:background .18s;display:inline-flex}.masthead-cta:hover{background:var(--oxblood);color:var(--paper);text-decoration:none}.masthead-cta span{transition:transform .18s;display:inline-block}.masthead-cta:hover span{transform:translate(3px)}@media (max-width:720px){.masthead-inner{flex-wrap:wrap;gap:16px;padding:16px 20px}.masthead-nav{gap:20px}.masthead-cta{display:none}}.blog-hero{background:var(--oxblood);color:var(--paper);padding:60px 32px;position:relative}.blog-hero .stamp,.blog-hero .stamp-halo{display:none}.blog-hero-inner{grid-template-columns:1fr;align-items:center;gap:40px;max-width:1120px;margin:0 auto;display:grid}.blog-hero-inner.has-mount{grid-template-columns:1fr 460px;gap:56px}@media (max-width:880px){.blog-hero-inner.has-mount{grid-template-columns:1fr;gap:36px}}.blog-hero .meta-top{flex-wrap:wrap;gap:10px;display:flex}.blog-hero .hero-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:0 0;border:1px solid #ffffff52;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;text-decoration:none}.blog-hero .hero-tag:hover{color:var(--paper);border-color:var(--gold)}.blog-hero .hero-tag.y,.blog-hero .hero-tag.filled{background:var(--gold);color:var(--oxblood-deep);border-color:var(--gold)}.blog-hero h1{font-family:var(--sans);letter-spacing:-.02em;color:var(--paper);max-width:18ch;margin:22px 0 0;font-size:46px;font-weight:700;line-height:1.08}.blog-hero h1 .accent{color:var(--gold)}.blog-hero .scribble{font-family:var(--serif);color:#ffffffd9;max-width:46ch;margin:20px 0 0;font-size:20px;font-style:italic;line-height:1.45;display:block}.blog-hero .byline{font-family:var(--mono);letter-spacing:.04em;color:var(--gold-soft);flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;font-size:12px;display:flex}.blog-hero .byline .tag-inline{color:var(--gold);font-weight:600;text-decoration:none}.blog-hero .byline .sl{opacity:.4}.blog-hero .byline a{color:var(--gold-soft);text-decoration:none}.blog-hero .byline a:hover{color:var(--gold);text-underline-offset:2px;text-decoration:underline}.blog-hero .hero-mount-plate{background:var(--gold);padding:20px;box-shadow:0 24px 60px #00000052}.blog-hero .hero-mount-plate img{mix-blend-mode:multiply;width:100%;height:auto;display:block}.blog-ribbon{grid-template-columns:repeat(var(--ribbon-n,5), 1fr);border-bottom:1px solid var(--hairline);display:grid}.blog-ribbon .band{height:52px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-right:1px solid var(--hairline);text-align:center;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:500;display:flex}.blog-ribbon .band:last-child{border-right:0}.blog-ribbon .band.light{color:#000000b3}.blog-ribbon .band.dark{color:#ffffffe6}.blog-page{grid-template-columns:1fr 240px;gap:56px;max-width:1120px;margin:0 auto;padding:64px 32px 96px;display:grid}@media (max-width:900px){.blog-page{grid-template-columns:1fr;gap:32px;padding:40px 20px 64px}}.blog-article{max-width:700px}.blog-opener{border:1px solid var(--hairline);background:var(--paper-deep);border-left:3px solid var(--oxblood);margin-bottom:36px;padding:20px 24px;position:relative}.blog-opener:before{content:"FEATURED NAME";background:var(--paper);color:var(--oxblood);font-family:var(--mono);letter-spacing:.14em;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-10px;left:18px}.blog-opener .line1{font-family:var(--mono);letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:600}.blog-opener .line2{font-size:16px;line-height:1.55}.blog-opener .roles{font-family:var(--mono);border-top:1px solid var(--hairline);margin-top:12px;padding-top:10px;font-size:11px}.blog-opener .roles span{background:var(--oxblood);color:var(--paper);letter-spacing:.04em;border-radius:3px;margin-bottom:4px;margin-right:4px;padding:2px 7px;display:inline-block}.blog-body .lede{font-family:var(--serif);color:var(--soft-brown);border-left:3px solid var(--oxblood);margin-bottom:32px;padding-left:20px;font-size:22px;font-weight:400;line-height:1.5}.blog-body p{margin-bottom:22px;font-size:18px;line-height:1.7}.blog-body h2{font-family:var(--sans);letter-spacing:-.015em;color:var(--ink);margin:56px 0 18px;padding-top:8px;font-size:28px;font-weight:700;line-height:1.2}.blog-body h3{font-family:var(--sans);letter-spacing:-.01em;color:var(--ink);margin:40px 0 14px;font-size:20px;font-weight:600}.blog-body ul,.blog-body ol{margin:20px 0 24px 4px;padding-left:22px}.blog-body ul{padding-left:4px;list-style:none}.blog-body ul li{margin:8px 0;padding-left:22px;font-size:18px;line-height:1.6;position:relative}.blog-body ul li:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:2px}.blog-body ol li{margin:8px 0;padding-left:6px;font-size:18px;line-height:1.6}.blog-body ol li::marker{color:var(--oxblood);font-family:var(--mono);font-size:.85em}.blog-body blockquote{border-left:3px solid var(--oxblood);font-family:var(--serif);color:var(--soft-brown);margin:28px 0;padding:6px 0 6px 22px;font-size:21px;font-style:italic;font-weight:400;line-height:1.5}.blog-body strong{font-weight:600}.blog-body em{font-style:italic}.blog-body code{background:var(--paper-deep);color:var(--oxblood-deep);border:1px solid var(--hairline-soft);font-family:var(--mono);border-radius:3px;padding:1px 6px;font-size:.85em}.blog-body pre{background:var(--oxblood-deep);color:var(--paper);font-family:var(--mono);border-radius:4px;margin:28px 0;padding:20px 22px;font-size:14px;line-height:1.6;overflow-x:auto}.blog-body pre code{color:inherit;background:0 0;border:0;padding:0}.blog-body img{border:1px solid var(--hairline);border-radius:3px;width:100%;height:auto;margin:32px 0;display:block}.blog-body figure{margin:32px 0}.blog-body figure img{margin:0}.blog-body figcaption{font-family:var(--mono);color:var(--muted);text-align:center;letter-spacing:.02em;margin-top:10px;font-size:12px}.blog-body table{border-collapse:collapse;width:100%;font-family:var(--sans);margin:32px 0;font-size:15px}.blog-body thead th{background:var(--paper-deep);text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--oxblood);border-bottom:1px solid var(--hairline);padding:12px 14px;font-size:11px;font-weight:600}.blog-body tbody td{border-bottom:1px solid var(--hairline-soft);vertical-align:top;padding:12px 14px;line-height:1.5}.blog-body tbody tr:last-child td{border-bottom:0}.blog-body .pullbox,.blog-pullbox{background:var(--paper-deep);color:var(--ink);border:1px solid var(--hairline);border-left:3px solid var(--gold);font-family:var(--serif);margin:40px 0;padding:24px 28px;font-size:22px;font-weight:400;line-height:1.4;position:relative}.blog-body .pullbox:before,.blog-pullbox:before{content:"NOTE";background:var(--paper);color:var(--oxblood);font-family:var(--mono);letter-spacing:.14em;border:1px solid var(--hairline);padding:2px 8px;font-size:10px;position:absolute;top:-10px;left:24px}.blog-palette-code{border:1px solid var(--hairline);background:var(--paper-light);border-radius:4px;margin:40px 0;padding:24px}.blog-palette-code .header-line{font-family:var(--mono);color:var(--muted);border-bottom:1px solid var(--hairline);justify-content:space-between;margin-bottom:16px;padding-bottom:12px;font-size:11px;display:flex}.blog-palette-code .row{border-bottom:1px solid var(--hairline-soft);grid-template-columns:120px 1fr;align-items:center;gap:16px;padding:8px 0;display:grid}.blog-palette-code .row:last-child{border-bottom:0}.blog-palette-code .name{font-family:var(--mono);color:var(--oxblood);font-size:13px}.blog-palette-code .hex{font-family:var(--mono);text-align:right;color:var(--ink);justify-self:end;font-size:13px}.blog-aside{font-family:var(--mono);align-self:start;font-size:13px;position:sticky;top:96px}@media (max-width:900px){.blog-aside{position:static}}.blog-aside .panel{border:1px solid var(--hairline);background:var(--paper-light);border-radius:4px;margin-bottom:24px;padding:18px 20px}.blog-aside .label{text-transform:uppercase;color:var(--oxblood);letter-spacing:.16em;margin-bottom:14px;font-size:10px;font-weight:600}.blog-aside ul{margin:0;padding:0;list-style:none}.blog-aside ul li{border-bottom:1px solid var(--hairline-soft);padding:7px 0}.blog-aside ul li:last-child{border-bottom:0}.blog-aside ul li a{color:var(--soft-brown);line-height:1.4;text-decoration:none;display:block}.blog-aside ul li a:hover{color:var(--oxblood)}.blog-next{max-width:1120px;margin:0 auto;padding:0 32px 96px}.blog-next .h{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--oxblood);border-top:1px solid var(--hairline);margin:0 0 20px;padding-top:32px;font-size:11px}.blog-next .grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.blog-next .grid{grid-template-columns:1fr}}.blog-next .tile{border:1px solid var(--hairline);background:var(--paper-light);color:var(--ink);border-radius:4px;padding:22px;text-decoration:none;transition:border-color .18s,transform .18s;display:block}.blog-next .tile:hover{border-color:var(--oxblood);transform:translateY(-2px)}.blog-next .tile .tag{font-family:var(--mono);letter-spacing:.1em;color:var(--oxblood);text-transform:uppercase;font-size:10px}.blog-next .tile h3{font-family:var(--sans);color:var(--ink);margin:12px 0 0;font-size:18px;font-weight:600;line-height:1.25}.blog-next .tile .m{font-family:var(--mono);color:var(--muted);margin-top:12px;font-size:11px}.blog-next .tile.highlight{background:var(--oxblood);border-color:var(--oxblood)}.blog-next .tile.highlight h3{color:var(--paper)}.blog-next .tile.highlight .tag,.blog-next .tile.highlight .m{color:var(--gold)}.blog-next .tile.highlight:hover{transform:translateY(-2px)}.blog-author-bio{border:1px solid var(--hairline);background:var(--paper-light);border-radius:4px;gap:20px;margin:56px 0 0;padding:22px 24px;display:flex;position:relative}.blog-author-bio:before{content:"AUTHOR";background:var(--paper);color:var(--oxblood);font-family:var(--mono);letter-spacing:.14em;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-10px;left:18px}.blog-author-bio .avatar{border:1px solid var(--hairline);background:linear-gradient(135deg, var(--oxblood), var(--gold));border-radius:50%;flex-shrink:0;width:60px;height:60px}.blog-author-bio .name{font-family:var(--sans);margin-bottom:4px;font-size:16px;font-weight:600}.blog-author-bio .bio{color:var(--soft-brown);font-size:15px;line-height:1.55}.blog-index-header{max-width:1120px;margin:0 auto;padding:72px 32px 32px}.blog-index-header .kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--oxblood);margin-bottom:16px;font-size:11px}.blog-index-header h1{font-family:var(--sans);letter-spacing:-.025em;max-width:20ch;color:var(--ink);font-size:52px;font-weight:700;line-height:1.05}.blog-index-header h1 .accent{color:var(--oxblood)}.blog-index-header .sub{max-width:62ch;font-family:var(--serif);color:var(--soft-brown);margin-top:20px;font-size:19px;line-height:1.6}.blog-index-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1120px;margin:0 auto;padding:32px 32px 96px;display:grid}@media (max-width:900px){.blog-index-grid{grid-template-columns:1fr}}.blog-card{border:1px solid var(--hairline);background:var(--paper-light);color:var(--ink);border-radius:4px;flex-direction:column;text-decoration:none;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--oxblood);transform:translateY(-2px)}.blog-card .cover-strip{grid-template-columns:repeat(var(--strip-n,5), 1fr);border-bottom:1px solid var(--hairline);height:96px;display:grid}.blog-card .cover-strip .band{height:100%}.blog-card .cover-empty{background:var(--paper-deep);height:96px;color:var(--oxblood);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--hairline);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.blog-card .body{padding:22px}.blog-card .cat{font-family:var(--mono);color:var(--oxblood);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.blog-card h3{font-family:var(--sans);letter-spacing:-.01em;color:var(--ink);margin:12px 0 10px;font-size:20px;font-weight:600;line-height:1.25}.blog-card .excerpt{font-family:var(--serif);color:var(--soft-brown);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card .meta{font-family:var(--mono);color:var(--muted);border-top:1px solid var(--hairline-soft);padding-top:12px;font-size:11px}.blog-pagination{max-width:1120px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:18px;margin:0 auto;padding:0 32px 64px;font-size:12px;display:flex}.blog-pagination a{background:var(--ink);color:var(--paper);border-radius:999px;padding:9px 16px;text-decoration:none;transition:background .18s}.blog-pagination a:hover{background:var(--oxblood);color:var(--paper)}.blog-pagination .current{color:var(--muted)}.blog-footer{border-top:1px solid var(--hairline);background:var(--paper);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:40px 32px;font-size:12px;display:flex}.blog-footer a{color:var(--soft-brown);text-decoration:none}.blog-footer a:hover{color:var(--oxblood)}
