/* Premiumpack LTD Visual Consistency V1.0.0 */
@media (min-width: 981px) {
  body.page-template-page-solutions .pp-inner-hero__grid,
  body.page-id-0 .pp-inner-hero__grid {
    grid-template-columns: minmax(0, .82fr) minmax(620px, 1.18fr);
    gap: clamp(48px, 5vw, 82px);
    align-items: center;
  }
  .pp-solutions-hero-visual--premium {
    display: grid !important;
    grid-template-columns: minmax(0, 1.34fr) minmax(220px, .66fr) !important;
    grid-template-rows: 1fr !important;
    min-height: 560px !important;
    max-height: 620px;
    padding: 14px !important;
    gap: 14px !important;
    overflow: hidden;
  }
  .pp-solutions-hero-visual__stage {
    min-height: 532px !important;
    height: 100%;
  }
  .pp-solutions-hero-visual__stage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 50%;
  }
  .pp-solutions-hero-visual__side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    min-width: 0;
    gap: 14px !important;
  }
  .pp-solutions-hero-visual__detail,
  .pp-solutions-hero-visual__art {
    display: block !important;
    min-height: 0 !important;
    height: auto;
  }
  .pp-solutions-hero-visual__detail img,
  .pp-solutions-hero-visual__art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

@media (min-width: 981px) and (max-width: 1220px) {
  body.page-template-page-solutions .pp-inner-hero__grid {
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
  }
  .pp-solutions-hero-visual--premium { min-height: 520px !important; }
  .pp-solutions-hero-visual__stage { min-height: 492px !important; }
}