/* Editorial imagery for the home-page card families. */
body[data-page="home"] .level-card,
body[data-page="home"] .service-card {
  min-height: 0;
}
body[data-page="home"] .level-card {
  display: grid;
  grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
  grid-template-rows: auto auto 1fr auto;
  column-gap: 22px;
  align-content: start;
}
body[data-page="home"] .level-card .card-topline {
  grid-column: 1 / -1;
}

body[data-page="home"] .card-topline {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
}
body[data-page="home"] :is(.level-card, .service-card) .card-index {
  padding-left: 0;
}
body[data-page="home"] :is(.level-card, .service-card) .card-index::before {
  display: none;
}
body[data-page="home"] .editorial-icon-frame {
  display: grid;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(73, 116, 167, .24);
  border-radius: 9px;
  background: rgba(234, 242, 251, .72);
  color: #2e619b;
  pointer-events: none;
}
body[data-page="home"] .editorial-icon {
  display: block;
  width: 21px;
  height: 21px;
}

body[data-page="home"] .level-card-image,
body[data-page="home"] .service-card-image {
  display: block;
  flex: none;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  border: 1px solid rgba(76, 115, 158, .16);
  border-radius: 2px;
  background: #f1f5fa;
}
body[data-page="home"] .level-card-image {
  grid-column: 1;
  grid-row: 2 / 4;
  align-self: start;
  width: 100%;
  margin: 18px 0 22px;
}
body[data-page="home"] .level-card h3 {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  margin: 18px 0 12px;
}
body[data-page="home"] .level-card p {
  grid-column: 2;
  grid-row: 3;
  margin-bottom: 0;
}
body[data-page="home"] .level-card .card-discover {
  grid-column: 1 / -1;
  grid-row: 4;
  margin-top: 10px;
}

body[data-page="home"] .service-card::before { display: none; }
body[data-page="home"] .service-card-image {
  width: min(78%, 300px);
  margin: 16px auto 20px;
}
body[data-page="home"] .service-card h3 { margin-top: 0; }

body[data-page="home"] .case-card { position: relative; }
body[data-page="home"] .case-card img {
  display: block;
  width: min(74%, 450px);
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  margin: 18px auto 0;
  border-radius: 8px;
}
body[data-page="home"] .case-card .card-topline { margin-bottom: 7px; }
body[data-page="home"] .case-visual-note {
  position: static;
  display: block;
  width: fit-content;
  margin: 10px auto 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #607794;
  font-size: .57rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 1050px) {
  body[data-page="home"] .level-card { display: flex; }
  body[data-page="home"] .level-card-image {
    width: min(82%, 340px);
    margin: 16px auto 20px;
  }
  body[data-page="home"] .level-card h3 { align-self: stretch; margin: 0 0 12px; }
  body[data-page="home"] .level-card .card-discover { margin-top: auto; }
}
@media (max-width: 600px) {
  body[data-page="home"] .level-card-image { width: min(82%, 300px); }
  body[data-page="home"] .service-card-image { width: min(78%, 280px); }
  body[data-page="home"] .case-card img { width: min(74%, 330px); }
}