.blog-shell{--blog-accent:color-mix(in srgb, var(--color-tangerine-deep) 90%, var(--color-ink));width:min(100% - 4rem,1088px);margin-inline:auto}.blog-masthead{animation:blog-arrive .65s var(--ease-out-soft) both;padding-top:3.5rem}.blog-masthead-top,.blog-intro,.blog-browse{justify-content:space-between;gap:1.5rem;display:flex}.blog-masthead-top{border-bottom:1px solid var(--color-line);padding-bottom:1.75rem;font-size:.85rem}.blog-masthead-top>span{color:var(--color-ink-soft)}.blog-masthead-top a:hover,.article-rss:hover{color:var(--blog-accent)}.blog-masthead h1{letter-spacing:-.035em;gap:.25em;padding-block:2rem 2.5rem;font-size:clamp(5rem,14.3vw,10rem);display:flex}.blog-word{align-items:center;gap:.25em;display:inline-flex}.blog-masthead-mark{width:.66em;height:.66em;color:var(--color-tangerine);transform:rotate(-12deg)}.blog-intro{align-items:end;padding-bottom:3rem}.blog-intro>p{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.15}.blog-intro>span{color:var(--color-ink-soft);max-width:25rem;font-size:.95rem;line-height:1.7}.blog-browse{border-top:1px solid var(--color-line);align-items:center;padding-block:1.5rem}.blog-filters:not([hidden]){flex-wrap:wrap;gap:.35rem;display:flex}.blog-filters button{border-radius:100px;padding:.65rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .18s}.blog-filters button[aria-pressed=true]{background:var(--color-ink);color:#fff}.blog-filters button[aria-pressed=false]:hover{background:var(--color-apricot)}.blog-count{color:var(--color-ink-soft);white-space:nowrap;font-size:.8rem}.post-entry{border-bottom:1px solid var(--color-line)}.post-entry[hidden]{display:none}.post-link{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:2.5rem;padding-block:2rem;display:grid}.post-art{background:var(--color-apricot);border-radius:6px;overflow:hidden}.post-art img{aspect-ratio:8/5;object-fit:contain;width:100%;transition:transform .4s var(--ease-out-soft)}.post-link:hover .post-art img{transform:scale(1.035)}.post-category{color:var(--blog-accent);align-items:center;gap:1rem;font-size:.8rem;font-weight:600;display:flex}.post-latest{color:var(--color-ink-soft);font-weight:400;display:none}.post-copy h2{letter-spacing:-.03em;margin-block:.75rem;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:650;line-height:1.1}.post-copy>p{color:var(--color-ink-soft);max-width:50ch;font-size:.95rem;line-height:1.75}.post-meta{color:var(--color-ink-soft);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.25rem;font-size:.75rem;line-height:1.6;display:flex}.post-read{margin-top:2rem;font-size:.875rem;font-weight:600;display:none}.post-read>span{margin-left:.75rem}.post-entry[data-featured]{border-bottom:0;padding-bottom:1.5rem}.post-entry[data-featured] .post-link{grid-template-columns:1.2fr 1fr;gap:3rem;padding-top:0}.post-entry[data-featured] .post-copy h2{margin-block:1rem;font-size:clamp(2rem,3.7vw,3rem)}.post-entry[data-featured] .post-latest,.post-entry[data-featured] .post-read{display:inline}.post-entry[data-featured] .post-read{display:inline-block}.blog-empty{color:var(--color-ink-soft);padding-block:3rem}@keyframes blog-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.blog-shell{width:calc(100% - 2rem)}.blog-masthead{padding-top:2rem}.blog-masthead h1{gap:.18em;padding-block:1.5rem 2rem;font-size:clamp(2.5rem,13vw,6.5rem)}.blog-masthead-top{padding-bottom:1rem;font-size:.72rem}.blog-intro{flex-direction:column;align-items:start;gap:1rem;padding-bottom:2rem}.blog-intro>span{font-size:.875rem}.blog-browse{gap:.5rem}.blog-filters button{padding:.6rem .8rem;font-size:.8rem}.blog-count{display:none}.post-link{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:1.25rem;padding-block:1.5rem}.post-copy h2{font-size:1.35rem}.post-copy>p{font-size:.85rem}.post-meta{gap:.35rem .75rem;margin-top:.75rem;font-size:.7rem}.post-entry[data-featured] .post-link{grid-template-columns:1fr;gap:1.5rem}.post-entry[data-featured] .post-copy h2{font-size:2.1rem}.post-entry[data-featured] .post-read{margin-top:1.25rem}}