:root {
    --tb-navy: #0f2a3d;
    --tb-band: #1a4159;
    --tb-summary: #103047;
    --tb-summary-accent: #f3c14a;
}

    .infographic{
      max-width:1280px;
      margin:0 auto;
      background:#fff;
      box-shadow:0 12px 40px rgba(0,0,0,.14);
      border-radius:6px;
      overflow:hidden;
    }

    .ig-title{
      background:rgb(15, 42, 61);
      color:#fff;
      text-align:center;
      padding:18px 20px;
      font-weight:800;
      letter-spacing:.4px;
      font-size:clamp(1.05rem,2.1vw,1.85rem);
      text-transform:uppercase;
      line-height:1.2;
    }
    .ig-title .accent{color:#cfe3ea;text-transform:none;font-weight:700;}

    .ig-band{
      background:#446D70;
      color:#fff;
      text-align:center;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.5px;
      padding:10px 14px;
      font-size:clamp(.78rem,1.15vw,1rem);
    }

    .ig-band-blue{
      background:#0f2a3d;
      color:#fff;
      text-align:center;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.5px;
      padding:10px 14px;
      font-size:clamp(.78rem,1.15vw,1rem);
    }

    /* Image cell — picture is the hero, fills its panel */
    .ig-cell{display:flex;flex-direction:column;}
    .ig-cell img{
      display:block;
      width:100%;
      height:auto;
    }

    /* Grids */
    .grid-2{display:grid;grid-template-columns:1fr 1fr;}
    .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;}

    /* Summary footer */
    .ig-summary{
      background: var(--tb-summary);
      color:#fff;
      padding:14px 22px;
      font-size:clamp(.85rem,1.15vw,1rem);
      line-height:1.45;
    }
    .ig-summary .label{
      color:var(--tb-summary-accent);
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.5px;
      margin-right:6px;
    }

    /* Banner pairs (side-by-side banners above image rows) */
    .band-row-2{display:grid;grid-template-columns:1fr 1fr;}
    .band-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;}
    .band-row-2 .ig-band,
    .band-row-3 .ig-band{border-left:1px solid rgba(255,255,255,.12);}
    .band-row-2 .ig-band:first-child,
    .band-row-3 .ig-band:first-child{border-left:0;}

    /* Responsive collapses */
    @media (max-width: 991.98px){
      .grid-3,.band-row-3{grid-template-columns:1fr 1fr;}
      .grid-3 > .span-collapse,
      .band-row-3 > .span-collapse{grid-column:1 / -1;}
    }
    @media (max-width: 767.98px){
      .grid-2,.grid-3,.band-row-2,.band-row-3{grid-template-columns:1fr;}
      .grid-3 > .span-collapse,
      .band-row-3 > .span-collapse{grid-column:auto;}
      .infographic{margin:0;border-radius:0;}
    }