.blog-shell{min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);overflow:hidden}.blog-head{justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:2px solid var(--ink)}.blog-brand,.blog-head{display:flex;align-items:center}.blog-brand{gap:10px;text-decoration:none}.blog-brand:hover{opacity:.7}.blog-brand .brand-mark{height:30px;width:auto;display:block}.blog-wordmark{font-family:var(--display);font-size:20px;letter-spacing:.5px;text-transform:uppercase;line-height:1;color:var(--ink);text-decoration:none}.blog-wordmark span{-webkit-text-stroke:1.2px var(--ink);color:var(--paper)}.blog-back{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}.blog-back:hover{border-bottom-color:var(--ink)}.blog-main{flex:1 1;width:100%;max-width:760px;margin:0 auto;padding:48px 24px 64px;overflow-y:auto}.blog-title{font-family:var(--display);font-size:clamp(40px,8vw,68px);text-transform:uppercase;letter-spacing:1px;line-height:.95}.blog-sub{font-family:var(--body);font-size:16px;color:var(--gray-3);margin:12px 0 40px;max-width:48ch}.blog-empty{font-family:var(--mono);font-size:13px;color:var(--gray-3)}.post-list{list-style:none;padding:0;margin:0}.post-list li{border-top:2px solid var(--ink)}.post-list li:last-child{border-bottom:2px solid var(--ink)}.post-list a{display:grid;grid-template-columns:110px 1fr;grid-gap:4px 20px;gap:4px 20px;padding:22px 4px;text-decoration:none;color:var(--ink);align-items:baseline}.post-list a:hover{background:var(--gray-1)}.post-date{font-family:var(--mono);font-size:11px;color:var(--gray-3);letter-spacing:.5px}.post-name{font-family:var(--display);font-size:24px;text-transform:uppercase;letter-spacing:.5px;line-height:1.05;grid-column:2}.post-desc{grid-column:2;font-family:var(--body);font-size:14px;color:var(--gray-3);margin-top:2px}.post-meta{font-family:var(--mono);font-size:11px;color:var(--gray-3);letter-spacing:1px;margin-bottom:14px}.post-h1,.post-meta{text-transform:uppercase}.post-h1{font-family:var(--display);font-size:clamp(32px,6vw,52px);letter-spacing:.5px;line-height:1;margin-bottom:32px}.post-body{font-family:var(--body);font-size:17px;line-height:1.7}.post-body h2{font-family:var(--display);font-size:26px;text-transform:uppercase;letter-spacing:.5px;margin:36px 0 14px}.post-body h3{font-family:var(--body);font-weight:600;font-size:19px;margin:28px 0 10px}.post-body p{margin:0 0 18px}.post-body ol,.post-body ul{margin:0 0 18px;padding-left:22px}.post-body li{margin-bottom:8px}.post-body a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink)}.post-body a:hover{background:var(--ink);color:var(--paper)}.post-body strong{font-weight:600}.post-body blockquote{border-left:3px solid var(--ink);margin:0 0 18px;padding-left:18px;font-style:italic;color:var(--gray-3)}.post-cta{margin-top:48px;padding:28px;border:2px solid var(--ink);border-radius:2px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.post-cta p{font-family:var(--display);font-size:22px}.cta-btn,.post-cta p{text-transform:uppercase;letter-spacing:.5px}.cta-btn{font-family:var(--mono);font-size:12px;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:2px;text-decoration:none}.cta-btn:hover{opacity:.82}.blog-foot{font-family:var(--mono);font-size:9px;color:var(--gray-3);text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:20px;border-top:2px solid var(--ink)}@media(max-width:560px){.blog-main{padding:32px 18px 48px;-webkit-overflow-scrolling:touch}.post-list a{grid-template-columns:1fr;gap:2px}.post-desc,.post-name{grid-column:1}}