@layer app{.blog-root{--bg:#f5f1ea;--ink:#0f0e0c;--ink-dim:#0f0e0c99;--line:#0f0e0c1a;--red:#e3411f;--cream:#f5f1ea;--font-display:var(--font-instrument-serif), serif;--font-sans:var(--font-geist-sans), system-ui, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, monospace;--pad-x:clamp(24px, 5vw, 88px);background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;cursor:none;min-height:100vh;overflow-x:hidden}.blog-root *,.blog-root :before,.blog-root :after{box-sizing:border-box;margin:0;padding:0}.blog-root a{color:inherit;text-decoration:none}.blog-root .cursor{background:var(--red);pointer-events:none;z-index:9999;border:1px solid #0000;border-radius:50%;width:10px;height:10px;transition:width .2s,height .2s,background .2s,border-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.blog-root .cursor.big{border-color:var(--red);background:0 0;width:64px;height:64px}.blog-root .cursor-label{font-family:var(--font-mono);color:#fff;pointer-events:none;z-index:10000;opacity:0;text-transform:uppercase;letter-spacing:.06em;font-size:11px;transition:opacity .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.blog-root .cursor-label.show{opacity:1}.blog-root .rail{font-family:var(--font-mono);letter-spacing:.12em;color:#f5f1ea;writing-mode:vertical-rl;text-orientation:mixed;z-index:50;text-transform:uppercase;mix-blend-mode:difference;font-size:10px;position:fixed;top:50%;left:18px;transform:translateY(-50%)rotate(180deg)}.blog-root nav.top{z-index:100;font-family:var(--font-mono);letter-spacing:.02em;mix-blend-mode:difference;color:#f5f1ea;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:22px;padding-bottom:22px;font-size:12px;display:grid;position:fixed;top:0;left:0;right:0}.blog-root nav.top:before{content:"";display:block}.blog-root .brand{top:22px;left:var(--pad-x);z-index:101;mix-blend-mode:difference;align-items:center;gap:10px;display:flex;position:fixed}.blog-root .brand-logo{filter:invert();width:auto;height:28px;transition:opacity .2s;display:block}.blog-root .brand:hover .brand-logo{opacity:.75}.blog-root .links{text-transform:uppercase;justify-content:center;gap:28px;display:flex}.blog-root .links a{position:relative}.blog-root .links a:before{content:"";background:currentColor;width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.blog-root .links a:hover:before,.blog-root .links a.active:before{width:100%}.blog-root .links a.active{color:var(--red)}.blog-root .meta{justify-self:end;align-items:center;gap:20px;display:flex}.blog-root .pulse{vertical-align:middle;background:#3ecf54;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:2s infinite bPulse;display:inline-block;box-shadow:0 0 #3ecf54}@keyframes bPulse{0%{box-shadow:0 0 #3ecf5488}70%{box-shadow:0 0 0 8px #3ecf5400}to{box-shadow:0 0 #3ecf5400}}.j-hero{padding:180px var(--pad-x) 60px;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;gap:80px;display:grid}.j-hero h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(72px,12vw,220px);font-weight:400;line-height:.88}.j-hero h1 em{color:var(--red);font-style:italic}.j-hero p{font-family:var(--font-display);letter-spacing:-.01em;max-width:32ch;font-size:clamp(20px,2.4vw,32px);line-height:1.25}.j-hero p em{font-style:italic}.j-hero .meta{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:20px;font-size:11px;line-height:1.9}.j-filter{padding:40px var(--pad-x);border-bottom:1px solid var(--line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.j-filter button{border:1px solid var(--line);color:var(--ink-dim);font-family:inherit;font-size:inherit;letter-spacing:inherit;cursor:none;background:0 0;border-radius:999px;padding:8px 16px;transition:background .2s,color .2s,border-color .2s}.j-filter button:hover{border-color:var(--ink);color:var(--ink)}.j-filter button.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.j-featured{padding:80px var(--pad-x);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.j-featured .flag{font-family:var(--font-mono);color:var(--red);text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px;font-size:11px}.j-featured h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(40px,5.5vw,84px);font-weight:400;line-height:.95}.j-featured h2 em{color:var(--red);font-style:italic}.j-featured .excerpt{color:var(--ink);max-width:44ch;margin-top:20px;font-size:16px;line-height:1.55}.j-featured .meta{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:28px;font-size:11px}.j-featured .meta a{color:var(--red)}.j-featured .img{aspect-ratio:4/3;background:linear-gradient(135deg,#0f3460,#16213e);border-radius:4px;align-items:flex-end;padding:30px;display:flex;position:relative;overflow:hidden}.j-featured .img:before{content:"";background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 32px);position:absolute;inset:0}.j-featured .img .label{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;z-index:2;font-size:40px;font-style:italic;position:relative}.j-featured .img.has-cover{background-position:50%;background-size:cover}.j-list{padding:60px var(--pad-x) 0}.j-item{border-bottom:1px solid var(--line);cursor:none;grid-template-columns:90px 120px 1fr 1.2fr 80px;align-items:center;gap:30px;padding:32px 0;transition:background .3s,color .3s,padding .3s;display:grid}.j-item:hover{background:var(--ink);color:var(--cream);padding-left:20px;padding-right:20px}.j-item:hover .j-date,.j-item:hover .j-cat{color:var(--red)}.j-date{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.08em;font-size:11px}.j-cat{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.j-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(22px,2.4vw,32px);font-weight:400;line-height:1.1}.j-title em{font-style:italic}.j-blurb{color:var(--ink-dim);font-size:13px;line-height:1.5}.j-item:hover .j-blurb{color:#f5f1ea99}.j-arrow{font-family:var(--font-mono);justify-self:end;font-size:18px;transition:transform .3s}.j-item:hover .j-arrow{color:var(--red);transform:translate(12px)}.j-item.hidden{display:none}.j-load-more{justify-content:center;padding:40px 0 60px;display:flex}.j-load-btn{border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:none;background:0 0;border-radius:999px;flex-direction:column;align-items:center;gap:6px;padding:18px 36px;font-size:11px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.j-load-btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.j-load-count{color:var(--ink-dim);letter-spacing:.08em;font-size:10px;transition:color .2s}.j-load-btn:hover .j-load-count{color:#f5f1ea99}.j-sub{padding:120px var(--pad-x);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;gap:60px;display:grid}.j-sub h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(48px,8vw,130px);font-weight:400;line-height:.88}.j-sub h2 em{color:var(--red);font-style:italic}.j-sub .form{border-bottom:1px solid var(--ink);align-items:center;gap:10px;max-width:480px;padding-bottom:10px;display:flex}.j-sub .form input{font-family:var(--font-display);color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:22px;font-style:italic}.j-sub .form input::placeholder{color:var(--ink-dim)}.j-sub .form button{background:var(--ink);color:var(--cream);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:none;border:none;border-radius:999px;padding:12px 20px;font-size:11px;transition:background .2s}.j-sub .form button:hover{background:var(--red)}.j-sub .note{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:16px;font-size:11px}.post-crumb{padding:110px var(--pad-x) 0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);font-size:11px}.post-crumb a:hover,.post-crumb .sep{color:var(--red)}.post-hero{padding:40px var(--pad-x) 60px;border-bottom:1px solid var(--line)}.post-hero .flag{font-family:var(--font-mono);color:var(--red);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;font-size:11px}.post-hero h1{font-family:var(--font-display);letter-spacing:-.03em;max-width:18ch;font-size:clamp(48px,9vw,160px);font-weight:400;line-height:.9}.post-hero h1 em{color:var(--red);font-style:italic}.post-hero .meta{border-top:1px solid var(--line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);grid-template-columns:repeat(4,1fr);gap:30px;margin-top:80px;padding-top:30px;font-size:11px;display:grid}.post-hero .meta strong{font-family:var(--font-display);color:var(--ink);text-transform:none;letter-spacing:-.01em;margin-bottom:4px;font-size:20px;font-style:italic;font-weight:400;display:block}.post-cover{padding:0 var(--pad-x) 80px}.post-cover .frame{aspect-ratio:21/10;background:#0f0e0c;border-radius:4px;align-items:flex-end;padding:40px;display:flex;position:relative;overflow:hidden}.post-cover .frame:before{content:"";background:repeating-linear-gradient(0deg,#e3411f22 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#e3411f12 0 1px,#0000 1px 40px);position:absolute;inset:0}.post-cover .frame.has-cover{background-position:50%;background-size:cover}.post-cover .frame.has-cover:before{background:#0006}.post-cover .frame .label{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;z-index:2;font-size:clamp(40px,7vw,100px);font-style:italic;line-height:.9;position:relative}.post-cover .frame .label em{color:var(--red)}.post-body{padding:40px var(--pad-x) 120px;grid-template-columns:1fr minmax(auto,680px) 1fr;gap:40px;display:grid}.post-body>*{grid-column:2}.post-body .full{grid-column:1/-1}.post-body p{font-family:var(--font-display);letter-spacing:-.005em;margin-bottom:22px;font-size:22px;line-height:1.5}.post-body p.lead{margin-bottom:40px;font-size:28px;line-height:1.35}.post-body p.lead em{color:var(--red);font-style:italic}.post-body h2{font-family:var(--font-display);letter-spacing:-.02em;margin:56px 0 20px;font-size:40px;font-weight:400;line-height:1.05}.post-body h2 em{color:var(--red);font-style:italic}.post-body em{font-style:italic}.post-body strong{font-weight:600}.post-body blockquote{font-family:var(--font-display);border-left:2px solid var(--red);letter-spacing:-.01em;margin:40px 0;padding-left:30px;font-size:clamp(28px,3.6vw,48px);line-height:1.2}.post-body blockquote em{color:var(--red)}.post-body ul{counter-reset:list-counter;margin:30px 0;padding:0;list-style:none}.post-body ul li{font-family:var(--font-display);border-bottom:1px dashed var(--line);gap:16px;padding:14px 0;font-size:22px;line-height:1.5;display:flex}.post-body ul li:before{content:counter(list-counter, decimal-leading-zero);counter-increment:list-counter;font-family:var(--font-mono);color:var(--red);letter-spacing:.12em;flex-shrink:0;min-width:32px;padding-top:10px;font-size:11px}.post-body code{font-family:var(--font-mono);background:var(--ink);color:var(--cream);border-radius:3px;padding:2px 8px;font-size:14px}.post-body pre{font-family:var(--font-mono);background:var(--ink);color:var(--cream);border-radius:4px;margin:30px 0;padding:28px 32px;font-size:13px;line-height:1.6;overflow-x:auto}.post-body pre code{background:0 0;padding:0}.post-author{padding:60px var(--pad-x);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:80px 1fr auto;align-items:center;gap:30px;display:grid}.post-author .avatar{width:80px;height:80px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#e3411f,#8b4513);border-radius:50%;justify-content:center;align-items:center;font-size:36px;font-style:italic;display:flex}.post-author .name{font-family:var(--font-display);letter-spacing:-.01em;font-size:28px;font-style:italic}.post-author .role{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px}.post-author .links{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;gap:14px;font-size:11px;display:flex}.post-author .links a{border-bottom:1px solid var(--ink);padding-bottom:3px}.post-author .links a:hover{color:var(--red);border-color:var(--red)}.post-related{padding:100px var(--pad-x)}.post-related h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:40px;font-size:clamp(32px,4vw,56px);font-weight:400}.post-related h3 em{color:var(--red);font-style:italic}.related-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.related-card{border:1px solid var(--line);cursor:none;border-radius:4px;flex-direction:column;gap:12px;min-height:200px;padding:30px;transition:background .3s,color .3s;display:flex}.related-card:hover{background:var(--ink);color:var(--cream)}.related-card .k{font-family:var(--font-mono);color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.related-card .t{font-family:var(--font-display);letter-spacing:-.01em;flex:1;font-size:22px;font-weight:400;line-height:1.15}.related-card .t em{font-style:italic}.related-card .m{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:10px}.post-cta{padding:120px var(--pad-x);border-top:1px solid var(--line);text-align:center}.post-cta .k{font-family:var(--font-mono);color:var(--red);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:11px}.post-cta h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;margin:0 auto;font-size:clamp(40px,6vw,88px);font-weight:400;line-height:.95}.post-cta h2 em{color:var(--red);font-style:italic}.post-cta a{font-family:var(--font-display);text-underline-offset:8px;margin-top:30px;font-size:28px;font-style:italic;text-decoration:underline;display:inline-block}.post-cta a:hover{color:var(--red)}.blog-root footer{padding:60px var(--pad-x) 32px;border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-dim);grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;font-size:12px;display:grid}.blog-root footer h5{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin-bottom:16px;font-size:11px;font-weight:500}.blog-root footer ul{flex-direction:column;gap:8px;list-style:none;display:flex}.blog-root footer a:hover{color:var(--red)}.blog-root .brand-foot{flex-direction:column;gap:16px;display:flex}.blog-root .logo-img{align-self:flex-start;width:auto;max-width:100%;height:48px;display:block}.blog-root .tagline{max-width:28ch;line-height:1.55}.blog-root .copy{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;margin-top:20px;padding-top:20px;display:flex}@media (max-width:900px){.j-hero,.j-featured,.j-sub{grid-template-columns:1fr;gap:30px}.j-item{grid-template-columns:60px 1fr 30px;gap:16px}.j-item .j-cat,.j-item .j-blurb{display:none}.post-hero .meta{grid-template-columns:repeat(2,1fr)}.post-body{grid-template-columns:1fr}.post-body>*{grid-column:1}.post-author{grid-template-columns:60px 1fr}.post-author .avatar{width:60px;height:60px;font-size:26px}.post-author .links{grid-column:1/-1}.related-grid{grid-template-columns:1fr}.blog-root nav.top .links{display:none}.blog-root footer{grid-template-columns:1fr 1fr}}}