@font-face{font-family:Studio;src:local('Bahnschrift');font-display:swap}
.blog-showcase{padding:145px var(--site-gutter) 90px;color:var(--site-white)}
.blog-showcase .blog-heading{margin-bottom:48px;border:0;padding:0}
.blog-heading h1{font:650 clamp(40px,4vw,56px)/1.1 Studio,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 18px}
.blog-heading p{color:#babbb9;font:16px/1.7 Arial,sans-serif;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.blog-entry{min-width:0}
.blog-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #ffffff20;border-radius:24px;background:#141517;color:var(--site-white);text-decoration:none;transition:border-color .2s}
.blog-art{position:relative;overflow:hidden;width:100%;aspect-ratio:16/7;margin:0}
.blog-art img{display:block;width:100%;height:100%;object-fit:cover;transform:none}
.blog-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;padding:28px 30px 30px}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:16px;color:#e04349;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.15em}
.blog-meta time{color:#989b92;font-weight:700;white-space:nowrap}
.blog-card h2{font:650 28px/1.15 Studio,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 14px;color:var(--site-white)}
.blog-copy>p{font:16px/1.65 Arial,sans-serif;color:#babbb9;max-width:none;margin:0 0 26px}
.blog-card:focus-visible{outline:2px solid #e04349;outline-offset:5px}.blog-card:hover{border-color:#ffffff40}.blog-card .blog-read-more{margin-top:auto}
:root body .blog-card:hover .blog-read-more{background:var(--brand-red-hover);border-color:#e13338}
@media(max-width:900px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-entry{max-width:640px}}
@media(max-width:760px){.blog-showcase{padding-block:120px 65px}.blog-heading h1{font-size:40px}.blog-showcase .blog-heading{margin-bottom:32px}.blog-card{border-radius:18px}.blog-copy{padding:24px}.blog-card h2{font-size:27px}.blog-meta{gap:10px 16px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}

:root body .blog-card .blog-art{border-radius:0}
:root body .blog-card .blog-art::after{border:0}