/* EDITORIAL HERO GRID */
.ed{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:32px;}
.ov{position:relative;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;isolation:isolate;}
/* These image cards are <a> links — keep their text white on hover instead of
   inheriting the theme's default a:hover colour. */
.ov,.ov:hover,.ov:focus,.ov:active{color:#fff;}
.ov,.ov:hover .ovb h2,.ov:hover .ovb h3{transition:transform .2s ease;}
.ov:hover{transform:translateY(-2px);}
.ov .bg{position:absolute;inset:0;z-index:-2;}
.ov .shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,16,32,.05) 0%,rgba(11,16,32,.35) 45%,rgba(11,16,32,.86) 100%);}
.ov .ovb{padding:28px;}
.ov .cat{display:inline-block;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 11px;border-radius:6px;margin-bottom:12px;}
.ov.lead{min-height:440px;}
.ov.lead h2{font-size:28px;line-height:1.2;max-width:520px;}
.ov.lead p{font-size:14.5px;color:#dfe6f5;margin:12px 0 14px;max-width:480px;}
.ov .meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#c8d2e8;}
.ov .meta .av{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;}
.ed-side{display:grid;grid-template-rows:1fr 1fr;gap:20px;}
.ov.mini{min-height:210px;}
.ov.mini h3{font-size:17px;line-height:1.25;}
.ov.mini .meta{margin-top:8px;}
.grain{position:absolute;inset:0;z-index:-2;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:16px 16px;}
.editorial .dotsep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5;display:inline-block;}
@media(max-width:860px){
  .ed{grid-template-columns:1fr;}
  .ov.lead{min-height:340px;}
}