.blog-main{padding-top:var(--band-read)}.bhead{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px;padding-block:clamp(28px,5vw,64px) clamp(24px,4vw,44px);display:grid}.bhead h1{font-size:clamp(44px,6.4vw,76px)}.bhead .lede{max-width:44ch}.tags{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.tags button{min-height:44px;font:600 14px var(--text);color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;padding:9px 16px;display:inline-flex}.tags button[aria-pressed=true]{background:var(--ink);color:var(--page);border-color:var(--ink)}.tags button:focus-visible,.post:focus-visible{outline:3px solid var(--olive);outline-offset:3px}.grid{padding-bottom:var(--band-end);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);display:grid}.post{color:var(--ink);background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line-soft);transition:transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.post .art{background:var(--olive-light);aspect-ratio:16/10;background:#d7d5af;place-items:center;display:grid;position:relative}.post .art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post .tag{z-index:1;background:var(--paper);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;position:absolute;top:16px;left:16px}.post .tx{flex-direction:column;flex:1;gap:10px;padding:22px 24px 26px;display:flex}.post h2{font-size:clamp(23px,2.3vw,30px);line-height:1.04}.post p{color:var(--body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.post .meta{color:var(--label);justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;display:flex}.post .meta svg{width:20px;height:20px}.post.lead{flex-direction:row;grid-column:1/-1}.post.lead .art{aspect-ratio:auto;flex:1.15;min-height:340px}.post.lead .tx{flex:1;justify-content:center;padding:clamp(24px,3.4vw,48px)}.post.lead h2{font-size:clamp(30px,3.6vw,48px)}.post.lead p{-webkit-line-clamp:5;font-size:16.5px}@media (max-width:760px){.bhead,.grid{grid-template-columns:minmax(0,1fr)}.post.lead{flex-direction:column}.post.lead .art{aspect-ratio:16/10;min-height:0}}