.page-header{padding-block:var(--space-12);border-bottom:1.5px solid rgba(255,255,255,.3)}.page-header h1{font-size:var(--title-h1-size);color:var(--color-text);margin:0;line-height:var(--title-h1-line-height)}.post-list{padding-block:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.blog-post-card{display:flex;align-items:stretch;width:100%;height:20vh;min-height:20vh;max-height:20vh;box-sizing:border-box;text-decoration:none;color:var(--color-text);border-radius:var(--radius-subtle);overflow:hidden;background:var(--color-bg);border:none;transition:box-shadow var(--anim-fast),color var(--anim-fast);box-shadow:none}.blog-post-card:focus-visible,.blog-post-card:hover{text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.08);outline:none}.blog-post-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-post-card:focus-visible .blog-post-card__title,.blog-post-card:hover .blog-post-card__title{color:var(--color-primary)}.blog-post-card__media{position:relative;flex:0 0 clamp(7.5rem,28vw,17.5rem);height:100%;overflow:hidden;background:rgba(139,90,60,.1)}.blog-post-card__media--empty{background:rgba(139,90,60,.12)}.blog-post-card__img{width:100%;height:100%;object-fit:cover;display:block}.blog-post-card__body{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-5)}.blog-post-card__title{font-size:var(--text-xl);line-height:1.2;transition:color var(--anim-fast)}.blog-post-card__excerpt,.blog-post-card__title{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card__excerpt{font-size:var(--text-sm);line-height:1.4;color:var(--color-muted)}.blog-post-card__date{margin-top:var(--space-2);font-size:.72rem;font-weight:600;color:var(--color-muted);white-space:nowrap}@media (max-width:768px){.blog-post-card__media{flex-basis:6.5rem}.blog-post-card__body{padding:var(--space-3) var(--space-4)}.blog-post-card__title{font-size:var(--text-lg);-webkit-line-clamp:2}.blog-post-card__excerpt{-webkit-line-clamp:1}}