/* V30 — targeted About cross-layout polish only. */
.about-page .about-ai-mosaic.v29-cross-mosaic {
  width:min(1290px,calc(100% - 40px));
  margin:58px auto 0;
  display:grid;
  grid-template-columns:340px minmax(0,1fr) 340px;
  grid-template-rows:auto 330px auto;
  grid-template-areas:     ". top ."     "left video right"     ". bottom .";
  column-gap:24px;
  row-gap:18px;
  align-items:center;
  justify-items:center;
}
.about-page .v29-top-card, .about-page .v29-left-card, .about-page .v29-right-card, .about-page .v29-bottom-card {
  margin:0!important
}
.about-page .v29-card {
  width:340px!important;
  height:250px!important;
  min-height:250px!important;
  padding:26px 26px 24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px!important;
  grid-template-rows:auto auto 1fr!important;
  grid-template-areas:     "kicker icon"     "title icon"     "copy copy"!important;
  gap:8px 18px!important;
  align-content:start!important;
  align-items:start!important;
  border:1px solid #0877d8!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#082d57 0%,#061f3e 55%,#031426 100%)!important;
  box-shadow:0 14px 38px rgba(0,55,115,.12)!important;
}
.about-page .v29-card .v25-mv-copy {
  display:contents!important
}
.about-page .v29-card .v25-mv-kicker {
  grid-area:kicker;
  margin:2px 0 0!important;
  color:#78bdff!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.about-page .v29-card h3 {
  grid-area:title;
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.about-page .v29-card p {
  grid-area:copy;
  align-self:start;
  margin:10px 0 0!important;
  color:#a7b7cb!important;
  font-size:14px!important;
  line-height:1.62!important;
}
.about-page .v29-card .v25-mv-icon {
  grid-area:icon;
  justify-self:end;
  width:54px!important;
  height:54px!important;
  margin:0!important;
}
.about-page .v29-video-wrap {
  grid-area:video;
  width:100%!important;
  max-width:562px!important;
  height:330px!important;
  align-self:center!important;
  justify-self:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.about-page .v29-about-video {
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  background:transparent!important;
  mix-blend-mode:screen!important;
}
/* Stats remain directly above the existing office image strip. */
.about-page .about-story .stats-grid {
  width:min(1290px,calc(100% - 40px));
  margin:54px auto 0!important;
}
.about-page .about-strip {
  margin-top:0!important
}
@media(max-width:1180px) {
  .about-page .about-ai-mosaic.v29-cross-mosaic {
    grid-template-columns:300px minmax(380px,1fr) 300px;
    column-gap:16px;
  }
  .about-page .v29-card {
    width:300px!important;
    padding:23px!important
  }
  .about-page .v29-card h3 {
    font-size:19px!important
  }
  .about-page .v29-card p {
    font-size:13px!important
  }
}
@media(max-width:980px) {
  .about-page .about-ai-mosaic.v29-cross-mosaic {
    width:min(760px,calc(100% - 32px));
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto auto;
    grid-template-areas:"top top" "video video" "left right" "bottom bottom";
    gap:16px;
  }
  .about-page .v29-card {
    width:100%!important;
    max-width:360px!important;
    height:250px!important
  }
  .about-page .v29-video-wrap {
    max-width:580px!important;
    height:320px!important
  }
}
@media(max-width:680px) {
  .about-page .about-ai-mosaic.v29-cross-mosaic {
    width:calc(100% - 28px);
    grid-template-columns:1fr;
    grid-template-areas:"top" "video" "left" "right" "bottom";
  }
  .about-page .v29-card {
    max-width:none!important;
    height:auto!important;
    min-height:235px!important
  }
  .about-page .v29-card h3 {
    white-space:normal!important;
    overflow:visible!important
  }
  .about-page .v29-video-wrap {
    height:250px!important
  }
}