.blog-hero{min-height:0;padding:clamp(72px, 8vw, 120px) var(--page) clamp(42px, 5vw, 72px);border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);align-items:end;gap:12px;display:grid;position:relative}.blog-kicker,.post-kind,.post-list-label{letter-spacing:.12em;text-transform:uppercase;margin:0;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.blog-kicker{grid-area:1/1/auto/4;align-self:start;padding-top:11px}.blog-avatar{top:clamp(70px,7vw,108px);right:calc(25% + var(--page));z-index:2;border:1px solid var(--ink);background:var(--paper);width:clamp(96px,8.5vw,132px);height:clamp(96px,8.5vw,132px);margin:0;padding:7px;position:absolute;transform:rotate(2.2deg)}.blog-avatar:before{z-index:-1;content:"";background:linear-gradient(135deg, var(--yellow) 0 48%, var(--red) 48% 72%, var(--cyan) 72%);position:absolute;inset:6px -7px -7px 6px}.blog-avatar img{object-fit:contain;object-position:center;filter:grayscale()contrast(1.04);width:100%;height:100%;transition:filter .4s,transform .4s cubic-bezier(.22,1,.36,1);display:block}.blog-avatar:hover img{filter:grayscale(0)contrast(1.02);transform:translate(-3px,-3px)}.blog-hero h1{letter-spacing:-.09em;grid-area:2/1/auto/10;max-width:1080px;margin:0;font:700 clamp(78px,9.2vw,148px)/.82 Arial,Helvetica,sans-serif}.blog-tried{z-index:0;letter-spacing:-.075em;font-family:Georgia,Times New Roman,serif;font-style:italic;display:inline-block;position:relative;transform:rotate(-1.4deg)}.blog-tried:after{z-index:-1;content:"";background:var(--yellow);clip-path:inset(0 100% 0 0);transform-origin:0;height:.25em;animation:.65s cubic-bezier(.22,1,.36,1) .3s forwards tried-underline-draw,3.6s ease-in-out 1.2s infinite tried-underline-pulse;position:absolute;bottom:-.01em;left:-.05em;right:-.08em;transform:rotate(-1deg)}.blog-hero>p:last-child{color:var(--muted);grid-area:2/10/auto/13;margin:0 0 5px;font:clamp(16px,1.3vw,20px)/1.4 Georgia,Times New Roman,serif}.post-list{padding:26px var(--page) clamp(90px, 10vw, 150px);border-bottom:1px solid var(--line)}.post-list-label{align-items:center;gap:14px;margin-bottom:26px;display:flex}.post-list-label:after{content:"";background:var(--line);flex:1;height:1px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,64px) clamp(22px,3vw,48px);display:grid}.post-card{gap:22px;min-width:0;display:grid}.post-card.featured{border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(28px,4vw,72px);padding-bottom:clamp(34px,5vw,70px)}.post-visual{color:#faf8f1;isolation:isolate;background:#17201d;min-height:310px;display:grid;position:relative;overflow:hidden}.post-card.featured .post-visual{min-height:clamp(360px,40vw,610px)}.post-visual:after{z-index:1;content:"";box-shadow:inset 0 0 0 0 var(--yellow);border:1px solid #1111112e;transition:box-shadow .35s;position:absolute;inset:0}.post-visual:hover:after,.post-visual:focus-visible:after{box-shadow:inset 0 0 0 8px var(--yellow)}.post-visual img{object-fit:contain;width:100%;height:100%;padding:clamp(18px,3vw,46px);transition:transform .55s cubic-bezier(.22,1,.36,1)}.post-visual:hover img,.post-visual:focus-visible img{transform:scale(1.025)}.post-number{z-index:2;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:14px;left:16px}.post-visual-placeholder{color:#61ddb1;letter-spacing:-.09em;place-self:center;font:700 clamp(90px,15vw,210px)/1 Arial,Helvetica,sans-serif}.post-copy{flex-direction:column;min-width:0;display:flex}.post-card.featured .post-copy{justify-content:center}.post-overline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(22px,3vw,44px);padding-bottom:11px;display:flex}.post-overline time{color:var(--muted);font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.post-card h2{letter-spacing:-.065em;max-width:900px;margin:0;font-size:clamp(38px,4.7vw,78px);line-height:.94}.post-card:not(.featured) h2{font-size:clamp(34px,3.7vw,58px)}.post-card h2 a:hover{text-underline-offset:.12em;text-decoration:underline .07em}.post-description{color:#383835;max-width:720px;margin:clamp(24px,3vw,40px) 0 0;font:clamp(16px,1.35vw,20px)/1.48 Georgia,Times New Roman,serif}.post-meta{justify-content:space-between;align-items:flex-end;gap:22px;margin-top:auto;padding-top:clamp(30px,4vw,58px);font-size:11px;display:flex}.post-tags{flex-wrap:wrap;gap:6px;display:flex}.post-tags span{border:1px solid;border-radius:999px;padding:5px 9px}.post-open{border-bottom:1px solid;flex:none;gap:16px;padding-bottom:4px;display:flex}.post-open span{transition:transform .18s}.post-open:hover span{transform:translate(4px)}.blog-empty{padding:120px var(--page);font-size:24px}@media (width<=980px){.blog-hero h1{grid-column:1/9}.blog-hero>p:last-child{grid-column:9/13}.post-card.featured{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)}}@media (width<=760px){.blog-hero{grid-template-rows:auto auto auto;grid-template-columns:1fr;padding-top:70px;padding-bottom:40px;display:grid;position:relative}.blog-kicker{grid-area:1/1/auto/-1;padding:0 96px 0 0}.blog-avatar{top:58px;right:var(--page);width:72px;height:72px;margin:0;padding:5px}.blog-hero h1{grid-area:2/1;max-width:650px;margin-top:34px;font-size:clamp(68px,21vw,108px)}.blog-hero>p:last-child{grid-area:3/1/auto/-1;max-width:520px;margin-top:30px}.post-grid{grid-template-columns:1fr}.post-card.featured{grid-column:auto;grid-template-columns:1fr}.post-card.featured .post-visual{min-height:clamp(270px,78vw,470px)}.post-card h2,.post-card:not(.featured) h2{font-size:clamp(39px,12vw,62px)}.post-meta{align-items:flex-start}}@media (width<=460px){.post-meta{flex-direction:column}.post-card.featured .post-visual{min-height:250px}}@keyframes tried-underline-draw{to{clip-path:inset(0)}}@keyframes tried-underline-pulse{0%,72%,to{opacity:1;box-shadow:0 0 #ffd21f00}84%{opacity:.78;box-shadow:0 0 0 .07em #ffd21f47}92%{opacity:1;box-shadow:0 0 0 .02em #ffd21f14}}