.blog-list-page{color:#fff;z-index:10;background:#000;padding:clamp(64px,7vw,96px) 0;position:relative}.blog-list-header{text-align:center;max-width:70ch;margin:0 auto 4rem}.blog-list-header h1{margin-bottom:1rem;font-size:clamp(2.2rem,3vw + 1rem,3rem);font-weight:800}.blog-list-header h2{color:#c11212;margin-bottom:1.2rem;font-size:1.3rem;font-weight:700}.blog-list-header p{color:#d9d9d9;font-size:1.05rem;line-height:1.7}.blog-list{grid-template-columns:repeat(auto-fill,350px);justify-content:center;gap:2.5rem;display:grid}.blog-card{z-index:5;background:radial-gradient(600px 300px at 0 0,#ffffff0f,#0000),#000;border:2px solid #941818;border-radius:20px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 22px 55px #000000bf}.blog-card:hover{transform:translateY(-6px);box-shadow:0 30px 75px #000000e6}.blog-card-link{color:inherit;z-index:10;pointer-events:auto;flex-direction:column;height:100%;text-decoration:none;display:flex;position:relative}.blog-thumb{aspect-ratio:4/3;width:100%;max-width:350px;overflow:hidden}.blog-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.blog-card:hover .blog-thumb img{transform:scale(1.08)}.blog-card-content{flex-direction:column;justify-content:center;padding:1.6rem 1.8rem 1.8rem;display:flex}.blog-title{color:#fff;margin-bottom:.8rem;font-size:1.45rem;font-weight:800;line-height:1.25}.blog-card:hover .blog-title{color:#c11212}.blog-excerpt{color:#d9d9d9;max-width:60ch;margin-bottom:1.4rem;font-size:.95rem;line-height:1.6}.blog-meta{color:#aaa;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}@media (max-width:768px){.blog-card-content{padding:1.4rem}.blog-title{font-size:1.3rem}}