.blog-hero{padding:clamp(3rem,6vw,5rem) var(--gutter) clamp(2rem,4vw,3rem);max-width:var(--max-w);margin:0 auto}.blog-hero__title{font-size:clamp(3rem,7vw,6rem);line-height:.98;margin-top:1rem;max-width:16ch}.blog-hero__title em{color:var(--accent);font-family:var(--f-editorial);font-style:italic;font-weight:300}.blog-feature{padding:0 var(--gutter) clamp(3rem,5vw,4rem);max-width:var(--max-w);margin:0 auto}.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:center;padding-bottom:3rem;border-bottom:1px solid var(--rule)}.feature__img{aspect-ratio:4/3;border-radius:6px;overflow:hidden;margin:0}.feature__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature:hover .feature__img img{transform:scale(1.03)}.feature__meta{display:flex;flex-direction:column;gap:1rem}.feature__meta .mono{color:var(--accent);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.feature__title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;font-family:var(--f-display)}.feature__title em{color:var(--accent);font-family:var(--f-editorial);font-weight:300}.feature__meta .editorial{font-size:1.2rem;opacity:.85;max-width:46ch}.feature__read{font-size:.9rem;opacity:.8;border-bottom:1px solid var(--accent);padding-bottom:2px;align-self:flex-start;color:var(--accent);margin-top:.5rem}@media(max-width:820px){.feature{grid-template-columns:1fr}}.blog-list{padding:0 var(--gutter) clamp(4rem,7vw,6rem);max-width:var(--max-w);margin:0 auto}.blog-list__filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:3rem}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 2rem}.post{display:flex;flex-direction:column;gap:1rem}.post__img{aspect-ratio:4/3;border-radius:4px;overflow:hidden;margin:0}.post__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.post:hover .post__img img{transform:scale(1.04)}.post__meta{display:flex;flex-direction:column;gap:.45rem}.post__meta .mono{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.post__meta h3{font-size:1.45rem;line-height:1.15;font-family:var(--f-display)}.post__meta .editorial{font-size:1rem;opacity:.78;line-height:1.5}@media(max-width:820px){.posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.posts{grid-template-columns:1fr}}.blog-empty{padding:4rem 0;text-align:center;font-size:1.2rem;opacity:.65}.blog-more{text-align:center;margin-top:4rem}