.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.archive-card{display:flex;flex-direction:column;background:var(--color-gray-100);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:6px}.archive-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .08)}.archive-card-thumb{aspect-ratio:16 / 9;overflow:hidden}.archive-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.archive-card:hover .archive-card-thumb img{transform:scale(1.04)}.archive-card-body{flex:1;display:flex;flex-direction:column;padding:28px 28px 32px}.archive-card-category{font-size:.6875rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);display:block;margin-bottom:12px;text-decoration:none;transition:color 0.2s ease}.archive-card-category:hover{color:var(--color-black)}.archive-card-title{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:1.375rem;font-weight:300;letter-spacing:-.5px;line-height:1.3;color:var(--color-black);min-height:calc(1.3em * 4);margin-bottom:12px}.archive-card-title a{color:inherit;text-decoration:none;transition:opacity 0.2s ease}.archive-card-title a:hover{opacity:.6}.archive-card-excerpt{position:relative;font-size:15px;font-weight:300;line-height:1.7;color:var(--color-gray-400);flex:1;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card-excerpt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.6em;background:linear-gradient(to bottom,#fff0,var(--color-gray-100));pointer-events:none}.archive-card-excerpt p{margin:0}.archive-card-meta{font-size:11px;font-weight:300;letter-spacing:1px;color:var(--color-gray-400);text-transform:uppercase;margin-bottom:16px}.archive-card-link{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-accent);text-decoration:none;transition:transform 0.25s ease;margin-top:auto}.archive-card-link:hover{transform:translateX(6px)}@media (max-width:960px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.archive-grid{grid-template-columns:1fr;gap:24px}}