section.post-list{--post-gap:var(--grid-gutter)}section.post-list .post-grid{gap:var(--post-gap);display:grid}@media (width>=40rem){section.post-list .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){section.post-list .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}section.post-list .post-card{flex-direction:column;padding:0;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}section.post-list .post-card:has(a:focus-visible){outline:2px solid var(--colour-accent);outline-offset:3px}section.post-list .post-card:hover{border-color:var(--colour-accent)}section.post-list .post-card:hover .post-card-image img{transform:scale(1.04)}section.post-list .post-card:hover .link-arrow:after{transform:translate(.25rem)}section.post-list .post-card-image{aspect-ratio:16/9;background:var(--colour-surface-raised);overflow:hidden}section.post-list .post-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}section.post-list .post-card-placeholder{background:radial-gradient(circle at 50% 120%, var(--colour-glow), var(--colour-surface-raised) 70%);place-items:center;height:100%;display:grid}section.post-list .post-card-placeholder img{object-fit:contain;opacity:.85;width:30%;height:auto}section.post-list .post-card-body{flex-direction:column;flex:1;align-items:flex-start;padding:clamp(1.25rem,1rem + 1vw,1.75rem);display:flex}section.post-list .post-card-meta{font-size:var(--fs-small);color:var(--colour-muted);margin-bottom:.75rem}section.post-list .post-card-title{font-size:var(--fs-h3);margin-bottom:.75rem}section.post-list .post-card-title a{color:inherit;text-decoration:none}section.post-list .post-card-title a:after{content:"";z-index:1;position:absolute;inset:0}section.post-list .post-card-title a:focus-visible{outline:none}section.post-list .post-card-excerpt{margin-bottom:1.5rem}section.post-list .post-card-excerpt p{margin:0}section.post-list .link-arrow{margin-top:auto}section.post-list .post-card-featured{margin-bottom:var(--post-gap)}@media (width>=64rem){section.post-list .post-card-featured{grid-template-columns:1.25fr 1fr;display:grid}section.post-list .post-card-featured .post-card-image{aspect-ratio:auto;min-height:24rem}section.post-list .post-card-featured .post-card-body{padding:var(--space-panel);justify-content:center}section.post-list .post-card-featured .post-card-title{font-size:var(--fs-h2)}section.post-list .post-card-featured .link-arrow{margin-top:0}}section.post-list .pagination{margin-top:clamp(2rem,1.5rem + 2vw,3.5rem)}section.post-list .pagination .nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}section.post-list .pagination .page-numbers{border:var(--border);border-radius:var(--radius-sm);background:var(--colour-surface);min-width:2.75rem;height:2.75rem;font-family:var(--font-heading);color:var(--colour-text);place-items:center;padding-inline:.85rem;font-weight:700;text-decoration:none;transition:border-color .3s,background-color .3s;display:inline-grid}section.post-list .pagination .page-numbers:hover{border-color:var(--colour-accent);color:var(--colour-text)}section.post-list .pagination .page-numbers.current{border-color:var(--colour-accent);background:var(--colour-accent)}section.post-list .pagination .page-numbers.dots{background:0 0;border-color:#0000}section.post-list .post-list-related-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;display:flex}section.post-list .post-list-related-head h2{margin:0}