:root{--journal:#070908;--journal-panel:#0c0f0d;--journal-ink:#f2f4ef;--journal-muted:#929991;--journal-line:#292e2a;--journal-green:#9fc7ad}body{background:var(--journal);color:var(--journal-ink)}body:before{opacity:.08}.blog-shell,.article-shell{background:var(--journal);min-height:100vh;color:var(--journal-ink)}.blog-nav{border-bottom:1px solid var(--journal-line);letter-spacing:.16em;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,5vw,76px);font:10px/1 monospace;display:flex}.blog-nav>a:last-child{color:var(--journal-muted)}.blog-brand{align-items:center;gap:11px;font-weight:700;display:flex}.blog-brand span{border:1px solid #7f877f;border-radius:50%;place-items:center;width:27px;height:27px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:grid}.blog-nav-actions{align-items:center;gap:28px;display:flex}.blog-nav-actions>a,.blog-nav-actions>.active{color:var(--journal-muted)}.blog-nav-actions>.active{color:var(--journal-ink)}.theme-toggle{color:var(--journal-muted);letter-spacing:.13em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font:9px/1 monospace;transition:color .2s;display:flex}.theme-toggle:hover{color:var(--journal-ink)}.theme-toggle span:first-child{font-size:15px;line-height:1}.blog-index-hero{max-width:1180px;margin:0 auto;padding:110px 32px 78px}.blog-index-hero p,.article-kicker{color:var(--journal-green);letter-spacing:.2em;margin:0 0 25px;font:9px/1 monospace}.blog-index-hero h1{letter-spacing:-.035em;max-width:790px;font-family:Georgia,Songti SC,serif;font-size:clamp(42px,5.1vw,72px);font-weight:400;line-height:1.12}.blog-feature{grid-template-columns:minmax(320px,46%) 1fr;align-items:center;gap:clamp(48px,7vw,100px);max-width:1180px;margin:0 auto 132px;padding:0 32px;display:grid}.feature-image{aspect-ratio:4/3;background:var(--journal-panel);width:100%;position:relative;overflow:hidden}.feature-image img{object-fit:cover;filter:grayscale(26%);transition:transform .7s,filter .4s}.feature-image:hover img{filter:grayscale(0);transform:scale(1.015)}.feature-copy{padding:20px 0}.feature-meta{color:var(--journal-muted);letter-spacing:.13em;gap:22px;font:9px/1.5 monospace;display:flex}.feature-meta span+span:before{content:"·";margin-right:22px}.feature-copy h2{letter-spacing:-.03em;max-width:570px;margin:28px 0 25px;font-family:Georgia,Songti SC,serif;font-size:clamp(30px,3.1vw,46px);font-weight:400;line-height:1.28}.feature-copy>p{color:#aeb4ad;max-width:560px;margin:0;font-size:16px;line-height:1.85}.read-link{color:var(--journal-ink);letter-spacing:.1em;border-bottom:1px solid #596159;margin-top:34px;padding-bottom:7px;font-size:11px;display:inline-block}.read-link span{color:var(--journal-green);margin-left:22px}.blog-footer{border-top:1px solid var(--journal-line);min-height:102px;color:var(--journal-muted);letter-spacing:.13em;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,76px);font:9px/1 monospace;display:flex}.article-header{max-width:920px;margin:0 auto;padding:108px 40px 86px}.article-header h1{letter-spacing:-.035em;max-width:850px;color:var(--journal-ink);margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(43px,5.2vw,68px);font-weight:400;line-height:1.16}.article-deck{color:#adb4ac;max-width:660px;margin:34px 0 45px;font-family:Georgia,Songti SC,serif;font-size:20px;line-height:1.7}.article-meta{border-top:1px solid var(--journal-line);color:var(--journal-muted);letter-spacing:.12em;flex-wrap:wrap;gap:14px 30px;padding-top:22px;font:9px/1.5 monospace;display:flex}.article-meta span:not(:last-child):after{content:"·";color:#4c534d;margin-left:30px}.article-body{color:#d2d6d0;max-width:740px;margin:0 auto;padding:28px 40px 132px;font-family:Georgia,Songti SC,serif;font-size:18px;line-height:2}.article-body>p{margin:0 0 1.65em}.article-body strong{color:#f1f3ef;font-weight:600}.article-body blockquote{color:#b9d2c0;border-top:1px solid #42604b;border-bottom:1px solid #42604b;margin:56px -40px;padding:32px 40px;font-size:20px;line-height:1.85}.article-body blockquote p{margin:0 0 1.4em}.article-body blockquote p:last-child{margin-bottom:0}.article-body ol{margin:96px 0 38px;padding:0;list-style:none}.article-body ol li p{color:var(--journal-ink);margin:0;font-size:clamp(29px,3.2vw,42px);line-height:1.35}.article-body ol li p:before{content:"SECTION";color:var(--journal-green);letter-spacing:.2em;margin-bottom:15px;font:8px/1 monospace;display:block}.article-body figure{margin:70px -80px}.article-body figure img{background:#fff;width:100%;height:auto;display:block}.article-body figcaption{color:var(--journal-muted);letter-spacing:.04em;margin-top:14px;font:10px/1.6 monospace}.article-body .wide-figure{margin-left:-150px;margin-right:-150px}.article-body a{color:var(--journal-green);border-bottom:1px solid #47644f}html[data-blog-theme=light]{--journal:#f1f0e9;--journal-panel:#e7e7df;--journal-ink:#111411;--journal-muted:#73786f;--journal-line:#cfd1c8;--journal-green:#315f45}html[data-blog-theme=light] .feature-copy>p{color:#5f655e}html[data-blog-theme=light] .article-deck{color:#5d635c}html[data-blog-theme=light] .article-body{color:#292d29}html[data-blog-theme=light] .article-body strong{color:#111}html[data-blog-theme=light] .article-body blockquote{color:#3e5546;border-color:#597662}html[data-blog-theme=light] .article-body a{border-color:#315f45}body,.blog-shell,.article-shell,.blog-nav,.blog-footer{transition:background-color .35s,color .35s,border-color .35s}@media (max-width:800px){.blog-nav{height:68px}.blog-index-hero{padding:78px 24px 55px}.blog-index-hero h1{font-size:42px}.blog-feature{grid-template-columns:1fr;gap:38px;margin-bottom:90px;padding:0 24px}.feature-image{width:min(100%,520px)}.feature-copy{padding:0}.feature-copy h2{font-size:34px}.article-header{padding:76px 24px 58px}.article-header h1{font-size:42px}.article-deck{margin-bottom:35px;font-size:18px}.article-meta{line-height:1.9;display:block}.article-meta span{display:block}.article-meta span:not(:last-child):after{display:none}.article-body{padding:20px 24px 100px;font-size:17px;line-height:1.95}.article-body blockquote{margin:44px -24px;padding:27px 24px;font-size:18px}.article-body ol{margin-top:72px}.article-body figure,.article-body .wide-figure{margin:48px -24px}.article-body figcaption{padding:0 24px}.blog-footer{min-height:90px}.blog-nav-actions{gap:13px}.blog-nav-actions .theme-toggle span:last-child,.blog-nav-actions>a:first-child{display:none}}
