/* Reference-led landscape cards, isolated to the home metrics section. */
.metrics-redesign{
  --metric-light:#f1f4f8;
  --metric-ink:#182e4b;
  --metric-body:#45566d;
  --metric-blue:#0055ff;
}
.metrics-redesign .metrics-design-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0}
.metrics-redesign .metric-design-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:grid;grid-template-rows:96px auto 1fr;gap:8px;padding:28px;border-radius:28px;background:var(--metric-light);color:var(--metric-ink);min-height:246px}
.metrics-redesign .metric-design-card dt{position:relative;z-index:1;grid-row:2;font-size:18px;font-weight:400;line-height:1.4;margin:0;color:inherit}
.metrics-redesign .metric-design-value{grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;margin:0;letter-spacing:normal;color:inherit}
.metrics-redesign .metric-design-qualifier{position:relative;z-index:1;display:block;font-size:14px;line-height:1.4;font-weight:400;letter-spacing:normal;color:var(--metric-body)}
.metrics-redesign .metric-design-value strong{position:relative;z-index:1;display:block;font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(36px,3.4vw,48px);line-height:1.05;letter-spacing:-.035em;font-weight:400;white-space:nowrap;color:inherit}
.metrics-redesign .metric-design-description{position:relative;z-index:1;grid-row:3;margin:0;max-width:31ch;font-size:16px;line-height:1.5;letter-spacing:normal;color:var(--metric-body)}
.metrics-redesign .metric-art{position:absolute;z-index:-2;pointer-events:none}
.metrics-redesign .metric-client-marks{position:absolute;right:22px;top:22px;width:105px;height:110px;pointer-events:none}
.metrics-redesign .metric-client-marks>span{position:absolute;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;padding:9px;background:#fff;border:1px solid #e0e7ef;overflow:hidden}
.metrics-redesign .metric-client-marks>span:nth-child(1){left:0;top:0}
.metrics-redesign .metric-client-marks>span:nth-child(2){right:0;top:28px}
.metrics-redesign .metric-client-marks>span:nth-child(3){left:4px;bottom:0}
.metrics-redesign .metric-client-marks img{width:100%;height:100%;object-fit:contain}
.metrics-redesign .metric-design-0 .metric-design-value{padding-right:98px}
.metrics-redesign .metric-design-1{background:#203b54;color:#fff}
.metrics-redesign .metric-design-1 .metric-design-value strong{font-size:clamp(26px,2.75vw,40px)}
.metrics-redesign .metric-design-1:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,23,41,.82),rgba(6,23,41,.64))}
.metrics-redesign .metric-facade{inset:0;width:100%;height:100%;object-fit:cover;object-position:47% 40%}
.metrics-redesign .metric-design-1 .metric-design-qualifier,.metrics-redesign .metric-design-1 .metric-design-description{color:#fff}
.metrics-redesign .metric-design-2{background:var(--metric-blue);color:#fff}
.metrics-redesign .metric-design-2 .metric-design-qualifier,.metrics-redesign .metric-design-2 .metric-design-description{color:#fff}
@media(min-width:1500px){
  .metrics-redesign .metric-design-card{padding:32px;min-height:250px}
}
@media(min-width:700px) and (max-width:1099px){
  .metrics-redesign .metrics-design-list{gap:14px}
  .metrics-redesign .metric-design-card{padding:22px;grid-template-rows:90px auto 1fr;min-height:258px}
  .metrics-redesign .metric-design-value strong{font-size:36px}
  .metrics-redesign .metric-client-marks{right:16px;top:18px;width:78px;height:88px}
  .metrics-redesign .metric-client-marks>span{width:40px;height:40px;padding:7px}
  .metrics-redesign .metric-client-marks>span:nth-child(2){top:24px}
  .metrics-redesign .metric-design-0 .metric-design-value{padding-right:64px}
}
@media(min-width:700px) and (max-width:899px){
  .metrics-redesign .metrics-design-list{grid-template-columns:1fr}
  .metrics-redesign .metric-design-card{min-height:216px;grid-template-rows:90px auto auto}
  .metrics-redesign .metric-design-description{max-width:46ch}
  .metrics-redesign .metric-client-marks{right:28px;top:28px;width:105px;height:110px}
  .metrics-redesign .metric-client-marks>span{width:52px;height:52px;padding:9px}
}
@media(max-width:699px){
  .metrics-redesign .metric-design-1 .metric-design-value strong{font-size:clamp(30px,8.5vw,40px)}
  .metrics-redesign .section-head{gap:10px}
  .metrics-redesign .metrics-design-list{grid-template-columns:1fr;gap:14px}
  .metrics-redesign .metric-design-card{padding:24px;border-radius:26px;grid-template-rows:90px auto auto;min-height:222px}
  .metrics-redesign .metric-design-value strong{font-size:44px}
  .metrics-redesign .metric-design-description{max-width:31ch}
  .metrics-redesign .metric-client-marks{right:20px;top:20px;width:94px;height:100px}
  .metrics-redesign .metric-client-marks>span{width:46px;height:46px;padding:8px}
  .metrics-redesign .metric-design-0 .metric-design-value{padding-right:86px}
}