html{overflow-x:hidden;}
img{max-width:100%;height:auto;}

.blog-wrap{max-width:1600px;margin:0 auto;padding:64px min(64px,5vw);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a2a2a;border:1px solid #2a2a2a;}
.blog-card{display:block;background:#111;text-decoration:none;color:inherit;transition:background .2s;}
.blog-card:hover{background:#181818;}
.blog-card-media{aspect-ratio:16/10;overflow:hidden;}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;filter:brightness(.85) saturate(.9);}
.blog-card:hover .blog-card-media img{transform:scale(1.05);}
.blog-card-body{padding:24px 26px;}
.blog-card-cat{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#888;}
.blog-card-date{font-size:11px;color:#666;margin-top:2px;display:block;}
.blog-card-body h3{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;color:#f4f4f4;letter-spacing:.01em;line-height:1.25;margin:10px 0 8px;}
.blog-card-body p{font-size:13px;font-weight:300;color:#808080;line-height:1.6;}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr;}}

.blog-post-wrap{max-width:760px;margin:0 auto;padding:106px min(24px,5vw) 20px;}
.blog-post-meta{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:8px;}
.blog-post-meta .dot{margin:0 8px;color:#444;}
.blog-post-hero-img{width:100%;border-radius:2px;overflow:hidden;margin:0 0 40px;}
.blog-post-hero-img img{width:100%;display:block;filter:brightness(.85) saturate(.9);}
.blog-post-body h2{font-family:'Oswald',sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#f4f4f4;letter-spacing:.01em;margin:1.7em 0 .6em;}
.blog-post-body p{font-size:15px;font-weight:300;color:#b8b8b8;line-height:1.8;margin-bottom:1.1em;}
.blog-post-cta{max-width:760px;margin:20px auto 60px;padding:0 min(24px,5vw);}