/* Compact homepage scene 2 while preserving its two-column layout. */
@media (min-width: 901px) {
  #home-scene-copy {
    padding-top: clamp(82px, 5vw, 104px) !important;
    padding-bottom: clamp(38px, 3.2vw, 54px) !important;
  }

  #home-scene-copy .home-scene-copy-inner {
    column-gap: clamp(28px, 3vw, 58px) !important;
  }

  #home-scene-copy .home-scene-copy-inner > h2 {
    margin-bottom: 12px !important;
    font-size: clamp(32px, 2.5vw, 44px) !important;
    line-height: 1.16 !important;
  }

  #home-scene-copy .home-scene-copy-inner > p {
    margin-bottom: 6px !important;
    font-size: clamp(15px, 1.1vw, 18px) !important;
    line-height: 1.65 !important;
  }

  #home-scene-copy .home-scene-copy-inner > h3 {
    align-self: start !important;
    margin-bottom: 12px !important;
    padding-inline: 14px !important;
    font-size: clamp(20px, 1.45vw, 25px) !important;
    line-height: 1.3 !important;
  }

  #home-scene-copy .home-scene-copy-inner > p:nth-of-type(4) {
    padding-inline: 14px !important;
    font-size: clamp(15px, 1.08vw, 17px) !important;
    line-height: 1.65 !important;
  }

  #home-scene-copy .home-scene-copy-inner > .sco-scene-two-demo {
    min-height: 52px;
    margin: 4px 14px 0 !important;
    padding-inline: 26px;
  }

  #home-scene-copy .home-scene-copy-inner::before {
    margin: 0 0 -6px !important;
    border-radius: 18px !important;
  }

  #home-scene-copy .app-role-gallery {
    margin-top: clamp(22px, 1.8vw, 30px) !important;
  }
}

@media (min-width: 901px) and (max-height: 850px) {
  #home-scene-copy {
    padding-top: clamp(70px, 4.1vw, 88px) !important;
    padding-bottom: 32px !important;
  }

  #home-scene-copy .home-scene-copy-inner::before {
    margin-top: 14px !important;
  }

  #home-scene-copy .app-role-gallery {
    margin-top: 16px !important;
  }
}

