.lbm-s8{ --accent:#006e5b; }
.lbm-s8 .inner{ max-width:1200px; margin:0 auto; padding:0 16px; }
.lbm-s8 .grid{ display:grid; grid-template-columns:50% 50%; gap:24px; align-items:center; }
.lbm-s8 .col{ min-width:0; }
.lbm-s8 .media{ background:#f4f6f8; border-radius:16px; overflow:hidden; width:100%; }
.lbm-s8 .media .img{ display:block; width:100%; height:100%; object-fit:cover; }
.lbm-s8 .media .v{ display:block; width:100%; height:100%; object-fit:cover; background:#000; }
.lbm-s8 .media .placeholder{ display:grid; place-items:center; color:#9aa4af; height:320px; font-weight:800; letter-spacing:.06em; }
.lbm-s8 .copy .badge{ display:inline-block; padding:6px 12px; border-radius:999px; background: color-mix(in srgb, var(--accent) 12%, white); color: color-mix(in srgb, var(--accent) 60%, #0b1621); border:1px solid color-mix(in srgb, var(--accent) 30%, white); font-weight:800; margin-bottom:10px; }
.lbm-s8 .copy .heading{ font-weight:900; font-size:clamp(22px,3.2vw,32px); margin:6px 0 10px; color:#0b1621; }
.lbm-s8 .copy .body{ color:#4b5563; line-height:1.95; }
.lbm-s8 .copy .body p{ margin:0 0 10px; }
.lbm-s8 .bullets{ list-style:none; padding:0; margin:12px 0 0; display:grid; gap:8px; }
.lbm-s8 .bullets li{ display:flex; align-items:center; gap:8px; color:#0b1621; }
.lbm-s8 .bullets .ico{ color:var(--accent); display:inline-flex; }

/* Mobile stacking & explicit order */
@media (max-width: 900px){
  .lbm-s8 .grid{ grid-template-columns:1fr !important; }
  .lbm-s8.m-below .copy{ order:1; }
  .lbm-s8.m-below .media{ order:2; }
  .lbm-s8.m-above .copy{ order:2; }
  .lbm-s8.m-above .media{ order:1; }
}