body.ft{background:#f3f1ea}
.mondrian{display:grid;grid-template-columns:1.2fr .8fr .9fr;grid-template-rows:auto auto auto;gap:8px;padding:1.4rem 0 2rem}
.m-copy{grid-column:1 / span 2;grid-row:1;background:#fff;border:5px solid #111;padding:1.2rem}
.m-copy h1{font-size:clamp(1.15rem,2.5vw,1.65rem);line-height:1.28;margin-bottom:.45rem}
.m-pic{grid-column:3;grid-row:1 / span 2;border:5px solid #111;background:#e30613;padding:.4rem}
.m-kpi{grid-column:1;grid-row:2;background:#f5d300;border:5px solid #111;padding:.8rem;font-weight:800;font-size:.78rem}
.m-kpi strong{display:block;font-size:1.15rem}
.m-note{grid-column:2;grid-row:2;background:#0055a5;color:#fff;border:5px solid #111;padding:.8rem;font-size:.8rem}

.cols3{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;align-items:stretch}
.col{border:5px solid #111;padding:1rem}
.col:nth-child(1){background:#e30613;color:#fff;min-height:200px}
.col:nth-child(2){background:#fff;margin-top:1.4rem}
.col:nth-child(3){background:#0055a5;color:#fff;min-height:160px;margin-top:2.2rem}

.vpath{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}
.vp{border:5px solid #111;padding:1rem}
.vp:nth-child(1){height:auto;background:#fff;padding-bottom:2.4rem}
.vp:nth-child(2){background:#f5d300;padding-bottom:3.4rem}
.vp:nth-child(3){background:#111;color:#fff;padding-bottom:1.6rem}
.vp h3{margin-bottom:.3rem}

.two-rect{display:grid;grid-template-columns:40% 60%;gap:8px}
.tr{border:5px solid #111;padding:1.1rem}
.tr.y{background:#f5d300}
.tr.w{background:#fff}
.tr h3{margin-bottom:.45rem}
.tr li{padding:.28rem 0;border-bottom:3px solid #111;font-size:.86rem}
.feat-shot{margin-top:8px;border:5px solid #111}

.feat-cta{background:#0055a5;color:#fff;padding:2.1rem 0;border-top:8px solid #f5d300}

@media(max-width:768px){
  .mondrian,.cols3,.vpath,.two-rect{grid-template-columns:1fr}
  .m-copy,.m-pic,.m-kpi,.m-note{grid-column:1;grid-row:auto}
  .col:nth-child(2),.col:nth-child(3){margin-top:0}
}