/* BLOG FEATURED (Blog page) - one large post, photo beside the headline */
.bfeat{padding-top:clamp(48px,6vw,88px)}
.bfeat__card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;border-radius:var(--r-xl);background:var(--paper);box-shadow:var(--shadow-m);overflow:hidden}
.bfeat__media{position:relative;min-height:380px;overflow:hidden}
.bfeat__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bfeat__card:hover .bfeat__media img{transform:scale(1.04)}
.bfeat__media span{position:absolute;top:22px;left:22px;padding:8px 14px;border-radius:999px;background:var(--lime);font:700 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}
.bfeat__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4.5vw,64px)}
.bfeat__meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--muted)}
.bfeat__meta li{display:flex;align-items:center;gap:8px}
.bfeat__meta svg{width:16px;height:16px;color:var(--leaf)}
.bfeat__body h2{margin-top:20px;}
.bfeat__body h2 a{transition:color .25s}
.bfeat__body h2 a:hover{color:var(--leaf)}
.bfeat__body > p{margin-top:18px;color:var(--muted)}
.bfeat__body .link-arrow{align-self:flex-start;margin-top:28px}

@media only screen and (max-width:991px){
  .bfeat__card{grid-template-columns:1fr}
  .bfeat__media{min-height:0;aspect-ratio:16/10}
}
@media only screen and (max-width:575px){
  .bfeat__card{border-radius:var(--r-lg)}
}