:root{--blog-max:1220px;--blog-reading:760px;--blog-line:rgba(0,0,0,.12);--blog-muted:rgba(0,0,0,.64);--blog-soft:rgba(235,234,232,.72)}body{background:var(--bno-paper);color:var(--bno-slack-black)}.blog-shell{overflow:hidden}.blog-section{padding:88px max(22px,calc((100vw - var(--blog-max))/2))}.blog-hero{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(235,234,232,.54)),var(--bno-paper);display:grid;gap:clamp(32px,6vw,84px);grid-template-columns:minmax(0,.95fr) minmax(340px,.72fr);min-height:calc(100svh - 76px);padding-bottom:56px;padding-top:72px}.blog-hero.listing-hero{grid-template-columns:minmax(0,.9fr) minmax(320px,.58fr);isolation:isolate;min-height:680px;overflow:hidden;padding-bottom:86px;padding-top:96px;position:relative}.blog-hero-copy{min-width:0;position:relative;z-index:1}.blog-card-tags,.blog-kicker,.blog-meta,.eyebrow,.post-meta,.post-tags,.toc-label{font:900 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.blog-kicker,.eyebrow,.toc-label{color:var(--bno-fiery-orange)}.blog-hero h1,.post-hero h1{font:760 clamp(56px,8vw,118px)/.9 Fraunces,Georgia,serif;letter-spacing:0;margin:0;max-width:10ch}.blog-hero.listing-hero h1{font-size:clamp(52px,6vw,86px);line-height:.96;max-width:11ch}.blog-hero h1 em,.post-hero h1 em{font-style:italic}.bno-gradient-words{background:var(--bno-squiggle);background-clip:text;-webkit-background-clip:text;color:var(--bno-fiery-orange);display:inline;font-style:italic;-webkit-text-fill-color:transparent}.blog-hero p{color:rgba(0,0,0,.72);font:650 clamp(18px,2vw,24px)/1.35 Inter,system-ui,sans-serif;margin:24px 0 0;max-width:55ch}.blog-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.blog-hero-visual{display:grid;gap:18px;min-width:0;position:relative}.listing-hero-panel{align-self:center;position:relative;z-index:1}.blog-squiggle{max-width:none;opacity:.88;pointer-events:none;position:absolute;width:min(56vw,620px)}.blog-squiggle.hero{right:-24%;top:-12%;transform:rotate(-8deg)}.listing-hero .blog-squiggle.hero{clip-path:inset(0 0 0 42%);opacity:.66;right:-10%;top:-10%;transform:rotate(-8deg);width:min(36vw,390px)}.blog-doodle{bottom:-28px;position:absolute;right:2%;width:min(180px,34vw);z-index:3}.blog-system-card{background:#000;border:1px solid #000;border-radius:8px;box-shadow:var(--bno-shadow-panel);color:#fff;display:grid;gap:18px;padding:clamp(24px,4vw,38px);position:relative;z-index:2}.blog-system-card .panel-label{color:var(--bno-fiery-orange);font:900 12px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.blog-system-card strong{color:#fff;font:760 clamp(32px,4vw,52px)/.98 Fraunces,Georgia,serif;max-width:12ch}.blog-system-card p{color:hsla(0,0%,100%,.76);font:650 16px/1.5 Inter,system-ui,sans-serif;margin:0}.blog-system-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}.blog-system-grid div{background:#fff;border-radius:8px;color:#000;display:flex;flex-direction:column;font:900 15px/1.12 Inter,system-ui,sans-serif;gap:12px;justify-content:space-between;min-height:82px;padding:14px}.blog-system-grid span{color:var(--bno-fiery-orange);font-size:12px}.listing-hero .blog-doodle{bottom:-42px;right:-8px;width:min(150px,32vw)}.feature-card{background:#000;border:1px solid #000;border-radius:8px;color:#fff;display:grid;min-width:0;overflow:hidden;position:relative;z-index:2}.feature-card img{aspect-ratio:1.45;border-bottom:1px solid hsla(0,0%,100%,.22);object-fit:cover;width:100%}.feature-card-body{display:grid;gap:16px;padding:26px}.feature-card h2{color:#fff;font:750 clamp(28px,4vw,42px)/1 Fraunces,Georgia,serif;margin:0}.feature-card p{color:hsla(0,0%,100%,.76);font:650 16px/1.48 Inter,system-ui,sans-serif;margin:0}.feature-card .blog-meta{color:hsla(0,0%,100%,.78);letter-spacing:0;text-transform:none}.feature-card a,.post-card a,.related-card a{color:inherit;text-decoration:none}.feature-card>a,.post-card>a,.related-card>a{display:grid;min-width:0}.blog-card-tags,.post-tags{display:flex;flex-wrap:wrap;gap:8px;letter-spacing:0;text-transform:none}.blog-card-tags span,.category-pills button,.post-tags span,.topic-pill{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:999px;color:#000;display:inline-flex;font:850 12px/1 Inter,system-ui,sans-serif;min-height:32px;padding:7px 11px}.feature-card .blog-card-tags span{color:#000}.topic-strip{background:#000;color:#fff;display:grid;gap:18px;padding-bottom:34px;padding-top:34px}.topic-strip p{color:hsla(0,0%,100%,.72);font:850 13px/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;margin:0;text-transform:uppercase}.topic-list{display:flex;flex-wrap:wrap;gap:10px}.topic-pill{background:#fff;color:#000}.category-pills button.is-active,.topic-pill.is-active{background:var(--bno-mellow-yellow);border-color:var(--bno-mellow-yellow)}.listing-head{align-items:end;display:grid;gap:28px;grid-template-columns:minmax(0,.8fr) minmax(260px,.45fr);margin-bottom:36px}.listing-head h2,.newsletter-band h2,.post-section-title{font:760 clamp(38px,5vw,72px)/.98 Fraunces,Georgia,serif;margin:0}.listing-head p{color:var(--blog-muted);font:650 17px/1.55 Inter,system-ui,sans-serif;margin:0}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.category-pills button{cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.category-pills button:focus-visible,.category-pills button:hover{background:var(--bno-fiery-orange);border-color:var(--bno-fiery-orange);outline:none;transform:translateY(-1px)}.post-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{background:#fff;border:1px solid var(--blog-line);border-radius:8px;box-shadow:var(--bno-shadow-panel);color:#000;display:grid;grid-template-rows:auto 1fr;min-height:100%;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.post-card:focus-within,.post-card:hover{box-shadow:var(--bno-shadow-hover);transform:translateY(-3px)}.post-card img{aspect-ratio:1.85;background:var(--bno-cool-gray);object-fit:contain;width:100%}.post-card-body{display:grid;gap:14px;padding:20px}.post-card h3{font:760 27px/1.02 Fraunces,Georgia,serif;margin:0}.post-card p{color:var(--blog-muted);font:650 15px/1.52 Inter,system-ui,sans-serif;margin:0}.blog-meta{color:rgba(0,0,0,.62);letter-spacing:0;text-transform:none}.newsletter-band{align-items:center;background:var(--bno-cool-gray);border-bottom:1px solid var(--blog-line);border-top:1px solid var(--blog-line);display:grid;gap:34px;grid-template-columns:minmax(0,.9fr) minmax(280px,.42fr);padding-bottom:76px;padding-top:76px}.newsletter-band p{color:var(--blog-muted);font:650 18px/1.5 Inter,system-ui,sans-serif;margin:18px 0 0;max-width:58ch}.newsletter-card{background:#fff;border:1px solid #000;border-radius:8px;display:grid;gap:12px;padding:22px}.newsletter-card input{border:1px solid rgba(0,0,0,.18);border-radius:999px;font:650 15px/1 Inter,system-ui,sans-serif;min-height:48px;padding:0 14px;width:100%}.post-hero{background:linear-gradient(180deg,#fff,rgba(235,234,232,.66));padding-bottom:34px;padding-top:50px}.post-breadcrumb{align-items:center;color:var(--blog-muted);display:flex;flex-wrap:wrap;font:800 13px/1.3 Inter,system-ui,sans-serif;gap:8px;margin-bottom:18px}.post-breadcrumb a{color:#000;text-decoration:none}.post-breadcrumb span:last-child{color:var(--bno-fiery-orange)}.post-hero-layout{align-items:center;display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:minmax(0,.92fr) minmax(360px,.68fr)}.article-wrap>*,.post-hero-layout>*{min-width:0}.post-hero h1{font-size:clamp(38px,4.9vw,66px);line-height:.98;max-width:16ch}.post-dek{color:rgba(0,0,0,.72);font:650 clamp(17px,1.8vw,21px)/1.4 Inter,system-ui,sans-serif;margin:16px 0 0;max-width:60ch}.post-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.author-chip{align-items:center;display:inline-flex;gap:12px}.author-chip img{background:var(--bno-cool-gray);border-radius:999px;height:46px;object-fit:cover;width:46px}.author-chip span,.author-chip strong{display:block;font-family:Inter,system-ui,sans-serif}.author-chip strong{font-size:15px}.author-chip span{color:var(--blog-muted);font-size:13px;font-weight:700}.post-reading-time{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.16);border-radius:999px;color:#000;display:inline-flex;font:850 13px/1 Inter,system-ui,sans-serif;min-height:38px;padding:0 14px;white-space:nowrap}.post-reading-time:before{background:var(--bno-squiggle);border-radius:999px;content:"";height:8px;margin-right:8px;width:8px}.post-hero-media{position:relative}.post-hero-media img{aspect-ratio:1.85;background:var(--bno-cool-gray);box-shadow:var(--bno-shadow-panel);object-fit:contain;width:100%}.post-hero-media img,.post-hero-note{border:1px solid #000;border-radius:8px}.post-hero-note{background:var(--bno-mellow-yellow);bottom:16px;color:#000;font:850 14px/1.35 Inter,system-ui,sans-serif;left:-22px;max-width:210px;padding:18px;position:absolute}.article-wrap{align-items:start;display:grid;gap:40px;grid-template-columns:220px minmax(0,var(--blog-reading)) 260px;padding-bottom:72px;padding-top:56px}.post-aside,.post-toc{display:grid;gap:14px;position:sticky;top:104px}.post-toc{padding-top:4px}.post-toc a{color:rgba(0,0,0,.66);font:800 14px/1.28 Inter,system-ui,sans-serif;text-decoration:none}.post-toc a:hover{color:var(--bno-fiery-orange)}.post-share{display:flex;gap:8px;margin-top:10px}.post-share a{background:#fff;border:1px solid #000;border-radius:999px;color:#000;display:grid;font:900 12px/1 Inter,system-ui,sans-serif;height:38px;place-items:center;text-decoration:none;width:38px}.post-reading-progress{background:#000;bottom:0;box-shadow:0 -1px 0 hsla(0,0%,100%,.7);height:8px;left:0;pointer-events:none;position:fixed;right:0;z-index:2147483000}.post-reading-progress span{background:var(--bno-squiggle);display:block;height:100%;transform:scaleX(0);transform-origin:left center;transition:transform .12s linear;width:100%}@media (prefers-reduced-motion:reduce){.post-reading-progress span{transition:none}}.article-body{min-width:0}.article-body>p:first-child{border-bottom:2px solid #000;color:#000;font:700 clamp(22px,2.7vw,32px)/1.18 Fraunces,Georgia,serif;margin-top:0;padding:22px 0 28px}.article-body h2{font:760 clamp(32px,4vw,48px)/1 Fraunces,Georgia,serif;margin:56px 0 16px}.article-body h1,.article-body h3{color:#000;font:760 clamp(30px,3.6vw,46px)/1 Fraunces,Georgia,serif;margin:52px 0 16px}.article-body li,.article-body p{color:rgba(0,0,0,.76);font:600 19px/1.72 Inter,system-ui,sans-serif}.article-body p{margin:0 0 20px}.article-body ul{display:grid;gap:10px;margin:20px 0 28px;padding-left:24px}.article-body blockquote{background:#000;border-radius:8px;color:#fff;margin:36px 0;padding:26px}.article-body blockquote p{color:#fff;font:720 26px/1.2 Fraunces,Georgia,serif;margin:0}.article-body figure{margin:40px 0}.article-body figure img{border:1px solid #000;border-radius:8px;width:100%}.article-body img{border-radius:8px;height:auto;max-width:100%}.article-body figcaption{color:var(--blog-muted);font:750 13px/1.35 Inter,system-ui,sans-serif;margin-top:10px}.post-aside-card{background:var(--bno-cool-gray);border:1px solid var(--blog-line);border-radius:8px;display:grid;gap:14px;padding:18px}.post-aside-card.dark{background:#000;border-color:#000;color:#fff}.post-aside-card h3{font:760 27px/1 Fraunces,Georgia,serif;margin:0}.post-aside-card p{color:inherit;font:650 14px/1.45 Inter,system-ui,sans-serif;margin:0;opacity:.76}.post-aside-card.dark .btn{background:#fff;color:#000}.post-end{display:grid;gap:24px;margin-top:56px;padding-top:34px}.post-end,.related-section{border-top:1px solid var(--blog-line)}.related-section{background:var(--bno-cool-gray)}.related-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.related-card{background:#fff;border:1px solid var(--blog-line);border-radius:8px;box-shadow:var(--bno-shadow-panel);color:#000;display:grid;gap:16px;padding:18px}.related-card img{aspect-ratio:1.5;border-radius:6px;object-fit:cover;width:100%}.related-card h3{font:760 25px/1.02 Fraunces,Georgia,serif;margin:0}.blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:38px}.blog-pagination span{color:var(--blog-muted);font:850 14px/1.2 Inter,system-ui,sans-serif}@media (max-width:1120px){.blog-hero,.newsletter-band,.post-hero-layout{grid-template-columns:1fr}.blog-hero,.blog-hero.listing-hero{min-height:auto;padding-top:70px}.article-wrap,.blog-hero.listing-hero,.post-hero-layout{grid-template-columns:minmax(0,1fr)}.post-aside,.post-toc{position:static}.post-toc{background:var(--bno-cool-gray);border-radius:8px;padding:16px}.post-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.listing-head,.post-aside,.post-grid,.related-grid{grid-template-columns:1fr}.blog-section{padding-bottom:64px;padding-top:64px}.blog-hero h1,.post-hero h1{max-width:12ch}.post-hero-note{margin-top:14px;max-width:none;position:static}}@media (max-width:620px){.site-header{grid-template-columns:auto 1fr auto!important;max-width:100%;width:100%}.site-header>.btn{display:none!important}.mobile-menu-toggle{display:inline-flex!important;grid-column:3!important}.blog-hero,.post-hero{padding-top:52px}.article-wrap,.blog-hero,.blog-section,.newsletter-band,.post-grid,.post-hero-layout,.related-grid{max-width:100%;width:100%}.blog-hero h1{font-size:48px;line-height:.94;max-width:8ch}.blog-hero.listing-hero h1{font-size:48px;line-height:.96;max-width:9ch}.post-hero h1{font-size:38px;line-height:1;max-width:100%;overflow-wrap:break-word}.blog-hero p,.post-dek{font-size:17px}.blog-hero-actions{align-items:stretch;flex-direction:column}.blog-system-card{padding:22px}.blog-system-card strong{font-size:34px;max-width:100%}.blog-system-grid{grid-template-columns:1fr 1fr}.article-body li,.article-body p{font-size:17px}.article-body blockquote p{font-size:23px}}