.featured-bento{margin-bottom:8rem}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.bento-featured{grid-column:span 8}.bento-secondary{grid-column:span 4;display:flex;flex-direction:column;gap:2rem}.featured-card{text-decoration:none;color:inherit;display:block}.post-article-link{display:block;text-decoration:none;color:inherit;background:var(--surface-container-low);border-radius:var(--radius-xl);overflow:hidden;transition:transform .2s ease,background-color .2s ease}.post-article-link:hover{transform:translateY(-4px);background-color:var(--surface-container)}.featured-image-wrap{position:relative;overflow:hidden;border-radius:var(--radius-xl);background-color:var(--surface-container-low);aspect-ratio:16 / 9;margin-bottom:1.5rem;transition:background-color .2s ease}.featured-card:hover .featured-image-wrap{background-color:var(--surface-container)}.featured-image{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .5s ease-out,opacity .2s ease}.group:hover .featured-image{transform:scale(1.05)}[data-theme=dark] .featured-image{opacity:.8}.image-badge{position:absolute;top:1.25rem;left:1.25rem;padding:.375rem 1rem;background-color:var(--primary);color:var(--on-primary);font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);z-index:2}.image-badge-sm{top:.875rem;left:.875rem;padding:.25rem .75rem;font-size:.625rem}.featured-content{display:flex;flex-direction:column;gap:.75rem}.post-meta-row{display:flex;align-items:center;gap:.75rem}.post-meta-label{font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary)}.post-meta-divider{width:1.5rem;height:1px;background-color:var(--outline-variant);opacity:.5}.post-meta-date{font-family:var(--font-display);font-size:.6875rem;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-dim)}.featured-headline{font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);line-height:1.2;transition:color .2s ease}.featured-card:hover .featured-headline{color:var(--primary)}.featured-excerpt{color:var(--on-surface-variant);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:48rem}.secondary-card{text-decoration:none;color:inherit;display:block}.secondary-image-wrap{position:relative;overflow:hidden;border-radius:var(--radius-xl);background-color:var(--surface-container-low);aspect-ratio:1 / 1;margin-bottom:1rem;transition:background-color .2s ease}.secondary-card:hover .secondary-image-wrap{background-color:var(--surface-container)}.secondary-image{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .5s ease-out,opacity .2s ease}.group:hover .secondary-image{transform:scale(1.05)}[data-theme=dark] .secondary-image{opacity:.8}.secondary-meta-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.secondary-headline{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);margin-top:.5rem;line-height:1.3;transition:color .2s ease}.secondary-card:hover .secondary-headline{color:var(--primary)}.posts-list{display:flex;flex-direction:column;gap:6rem}.post-article{display:grid;grid-template-columns:repeat(12,1fr);gap:3rem;align-items:center}.post-article-image-col{grid-column:span 5}.post-article-reversed .post-article-image-col{order:2}.post-article-reversed .post-article-content-col{order:1}.post-article-image-wrap{aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-xl);background-color:var(--surface-container-low);transition:background-color .2s ease}.post-article:hover .post-article-image-wrap{background-color:var(--surface-container)}.post-article-image{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.9;transition:filter .5s ease,opacity .2s ease,transform .5s ease}.post-article:hover .post-article-image{filter:grayscale(0);opacity:1}.post-article-content-col{grid-column:span 7;display:flex;flex-direction:column;gap:1rem}.post-article-headline{font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);line-height:1.2;transition:color .2s ease}.post-article:hover .post-article-headline{color:var(--primary)}.post-article-excerpt{color:var(--on-surface-variant);font-weight:300;line-height:1.625;font-size:1.125rem}.read-link-wrap{margin-top:1rem}.read-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--primary);transition:gap .2s ease}.post-article:hover .read-link,.featured-card:hover .read-link{gap:1rem}.read-arrow{transition:transform .2s ease}.post-article:hover .read-arrow,.featured-card:hover .read-arrow{transform:translate(.25rem)}.pagination{margin-top:8rem;display:flex;justify-content:center;align-items:center;gap:2rem;padding-top:4rem;border-top:1px solid color-mix(in srgb,var(--outline-variant) 15%,transparent)}.pagination-btn{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-dim);background:none;border:none;cursor:pointer;transition:color .2s ease;text-decoration:none}.pagination-btn:hover:not(.pagination-btn-disabled){color:var(--on-surface)}.pagination-btn-disabled{opacity:.3;pointer-events:none}.pagination-numbers{display:flex;align-items:center;gap:.5rem}.pagination-number{padding:.5rem 1rem;font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--on-surface-dim);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);text-decoration:none}.pagination-number:hover:not(.pagination-number-active){color:var(--on-surface)}.pagination-number-active{background-color:var(--surface-container-highest);color:var(--primary)}.pagination-next:hover:not(.pagination-btn-disabled) svg{transform:translate(.25rem);transition:transform .2s ease}@media(max-width:768px){.featured-bento{margin-bottom:4rem}.bento-grid{grid-template-columns:1fr}.bento-featured,.bento-secondary{grid-column:span 1}.featured-headline{font-size:1.5rem}.posts-list{gap:4rem}.post-article{grid-template-columns:1fr;gap:1.5rem}.post-article-image-col,.post-article-content-col{grid-column:span 1}.post-article-reversed .post-article-image-col,.post-article-reversed .post-article-content-col{order:unset}.post-article-headline{font-size:1.5rem}.post-article-excerpt{font-size:1rem}.pagination{margin-top:4rem;padding-top:2rem}}