.blog-hero{position:relative;padding:clamp(3.5rem,8vw,7rem) 0 clamp(2.5rem,5vw,4rem);overflow-x:clip}.blog-eyebrow{display:inline-flex;align-items:center;gap:.625rem;font-size:var(--text-meta);font-weight:600;color:var(--muted)}.blog-eyebrow i{width:.75rem;height:.75rem;border-radius:3px;background:#f6cf63;outline:1.5px dashed #c79a2e;outline-offset:2px;transform:rotate(-8deg)}.blog-hero h1{margin-top:1.25rem;max-width:15ch;font-size:var(--text-h2);line-height:1.01;letter-spacing:-.036em;font-weight:620}.blog-hero .lead{margin-top:1.5rem;max-width:36rem;font-size:var(--text-lead);line-height:1.5;color:var(--muted)}.blog-hero-patch{position:absolute;right:max(1.5rem,calc((100% - var(--page)) / 2));top:clamp(3.5rem,8vw,6.5rem);width:clamp(10rem,22vw,19rem);aspect-ratio:1;border-radius:22px;overflow:hidden;transform:rotate(4deg);border:1px solid #dcd5bf;box-shadow:0 30px 60px -40px #24282580}.blog-hero-patch:after{content:"";position:absolute;inset:9px;border:1.5px dashed rgba(255,254,251,.9);border-radius:14px}.blog-featured{padding-bottom:clamp(3rem,6vw,5rem)}.blog-featured-card{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.75rem,4vw,4rem);align-items:center;padding:clamp(.75rem,1.5vw,1rem);padding-right:clamp(1.25rem,3vw,3rem);background:#fffefb;border:1px solid var(--line);border-radius:22px;color:var(--ink);transition:box-shadow .35s,border-color .35s}.blog-featured-card:hover{border-color:var(--tone-line);box-shadow:0 28px 60px -44px #24282580}.blog-featured-art{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#f6efdc}.blog-featured-art img{width:100%;height:100%;object-fit:cover}.blog-featured-art:after{content:"";position:absolute;inset:9px;border:1.5px dashed rgba(255,254,251,.9);border-radius:9px;pointer-events:none}.blog-featured-label{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:var(--text-meta);font-weight:600}.blog-featured-label .latest{color:var(--muted)}.blog-featured-label .tag{display:inline-flex;align-items:center;gap:.5rem;padding:.3125rem .75rem;border-radius:999px;background:var(--tone-pill)}.blog-featured-label .tag i{width:.5rem;height:.5rem;border-radius:2px;background:var(--tone-ink);transform:rotate(-10deg)}.blog-featured-card h2{margin-top:1.125rem;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);line-height:1.08;letter-spacing:-.03em}.blog-featured-card p.desc{margin-top:1rem;font-size:var(--text-body);line-height:1.6;color:var(--muted)}.blog-featured-card .meta{margin-top:1rem;font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums}.blog-featured-card .text-link{margin-top:1.5rem}.blog-featured-card:hover .text-link{border-bottom-color:currentColor}.blog-posts{border-top:1px solid var(--line);padding:clamp(3rem,6vw,5rem) 0 clamp(4rem,8vw,7rem)}.blog-posts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:1.5rem}.blog-posts-head h2{font-size:var(--text-h4);line-height:1.1;letter-spacing:-.024em}.blog-posts-head p{font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums}.blog-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(2rem,4vw,3rem)}.blog-filter-btn,.blog-pagination button{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.125rem;border:1px solid transparent;border-radius:999px;background:#efeee7;color:var(--ink);font-size:var(--text-ui);font-weight:500;line-height:1;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}.blog-filter-btn span{font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}.blog-filter-btn:hover,.blog-pagination button:hover{background:#e7e5dc}.blog-filter-btn.is-active,.blog-pagination button.is-active{background:var(--ink);color:var(--paper)}.blog-filter-btn.is-active span{color:#d8dad2}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.25rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem)}.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:clamp(2.5rem,5vw,4rem)}.blog-pagination:empty{display:none}.blog-pagination button{min-width:2.75rem;justify-content:center;padding:0 .875rem;font-variant-numeric:tabular-nums}@media(max-width:930px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured-card{grid-template-columns:minmax(0,1fr);padding-right:clamp(.75rem,1.5vw,1rem)}.blog-featured-card>div:last-child{padding:.25rem .75rem 1rem}.blog-hero-patch{width:9rem;opacity:.9}}@media(max-width:700px){.blog-hero-patch{display:none}.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:.25rem 20px;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.blog-filter-btn{flex:none}}
