/* message-delivery LP: page-specific overrides are intentionally minimal. */

:root {
  --pp-usecase-hero-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
}

.pp-message-channels .pp-channel-row__media--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 230px;
  padding: clamp(48px, 6vw, 72px);
  background:
    radial-gradient(circle at 72% 24%, rgba(139, 220, 155, .28), transparent 34%),
    linear-gradient(135deg, #f7fbfa 0%, #e9f7f2 100%);
}

.pp-message-channels .pp-channel-row__media--icon img {
  width: clamp(190px, 24vw, 240px);
  max-width: 100%;
  height: auto;
  min-height: 0;
  object-fit: contain;
}

@media (max-width: 620px) {
  .pp-message-channels .pp-channel-row__media--icon {
    padding: 44px;
  }

  .pp-message-channels .pp-channel-row__media--icon img {
    width: min(210px, 100%);
  }
}
@media (min-width: 1024px) {
  #aboutus.mainvisualTop .mainvisual-container:has(.pp-hero-copy) .pp-message-visual--imageOnly {
    height: auto;
    padding: 0;
  }

  #aboutus.mainvisualTop .hero-diagonal {
    width: 100%;
    height: min(620px, calc(720px - 160px));
    min-height: min(620px, calc(720px - 160px));
    max-height: min(620px, calc(720px - 160px));
    aspect-ratio: auto;
  }
}