/* Larger programme photographs with a stepped desktop composition. */
.affiliate-metrics { padding-block:clamp(28px,5vw,70px); }
.affiliate-metrics .ib-metric-grid { isolation:isolate; }
.affiliate-metrics .ib-metric-card::after {
  background:linear-gradient(180deg,transparent 23%,#0e1c2f26 43%,#0e1c2fd9 77%,#0e1c2f 100%);
}
.affiliate-metrics .ib-metric-copy { text-align:center; }
@media(min-width:1050px){
  .affiliate-metrics .ib-metric-grid {
    grid-template-columns:1fr 1.13fr 1.34fr 1.13fr 1fr;
    gap:0; align-items:center;
  }
  .affiliate-metrics .ib-metric-card:nth-child(n) {
    aspect-ratio:auto; min-height:0; height:clamp(320px,29vw,388px);
    width:calc(100% + 26px); margin-inline:-13px; border-radius:17px;
    box-shadow:0 10px 26px #142b4b24;
  }
  .affiliate-metrics .ib-metric-card:first-child { margin-inline-start:0; width:calc(100% + 13px); }
  .affiliate-metrics .ib-metric-card:last-child { margin-inline-end:0; width:calc(100% + 13px); }
  .affiliate-metrics .ib-metric-card:is(:nth-child(2),:nth-child(4)) { height:clamp(365px,33vw,443px); z-index:1; }
  .affiliate-metrics .ib-metric-card:nth-child(3) { height:clamp(405px,37vw,500px); z-index:2; }
  .affiliate-metrics .ib-metric-copy { padding:18px 23px 24px; }
  .affiliate-metrics .ib-metric-copy strong { font-size:clamp(24px,2.4vw,37px); }
}
@media(max-width:1049px){
  .affiliate-metrics .ib-metric-grid {
    display:grid; grid-template-columns:none; grid-auto-flow:column;
    grid-auto-columns:minmax(0, min(78%,320px)); gap:12px;
    overflow-x:auto; overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory; padding-block:8px 16px;
  }
  .affiliate-metrics .ib-metric-card:nth-child(n) {
    grid-column:auto; aspect-ratio:4/5; min-height:0; width:100%; scroll-snap-align:start;
  }
}
.cp-affiliate-desk > .container-cp { max-width:1200px; }
.cp-affiliate-desk > .container-cp > :first-child {
  margin:0 auto clamp(22px,4vw,38px); text-align:center; max-width:680px;
}
.cp-affiliate-desk h2 { font-size:clamp(28px,4vw,44px); line-height:1.14; }
.cp-affiliate-desk .kicker { color:#ffab71; }
main .cp-affiliate-desk .cp-affiliate-desk-grid::before {
  background:url('/media/affiliate-desk-v1/partner-workspace.webp') center 44% / cover no-repeat;
  min-height:350px;
}
main .cp-affiliate-desk .cp-affiliate-desk-grid > div.group {
  display:flex; flex-direction:column; justify-content:center;
}
@media(max-width:760px){
  main .cp-affiliate-desk .cp-affiliate-desk-grid::before { min-height:240px; background-position:center 38%; }
}

@media(max-width:1049px){
 main .affiliate-metrics .ib-metric-grid{display:flex!important;align-items:stretch;overflow-x:auto}
 main .affiliate-metrics .ib-metric-card:nth-child(n){flex:0 0 min(78%,320px);margin:0}
}

main .cp-affiliate-desk .cp-affiliate-desk-grid::before {
 background-image:url('/media/affiliate-desk-v1/partner-workspace.webp')!important;
 background-size:cover!important;
 background-position:center 44%;
}
main .cp-affiliate-desk .container-cp > .max-w-2xl {margin-inline:auto;text-align:center}
