/* QingLian desktop hero only: larger type, higher dock, people a bit bigger. */

@media (min-width: 901px) {
  html {
    --hero-content-shift-x: 0.4cm;
    --hero-content-shift-y: -2.4cm;
    --hero-title-shift-y: -0.35cm;
    --hero-object-position: 74% 58%;
  }

  html body #home.hero .hero-bg,
  html body #home.hero picture,
  html body #home.hero picture img {
    object-fit: cover !important;
    object-position: 74% 58% !important;
    transform: scale(1.14);
    transform-origin: 78% 55%;
  }

  html body #home.hero .hero-inner {
    padding-bottom: clamp(36px, 4.5vh, 56px) !important;
  }

  html body #home.hero .hero-copy {
    max-width: min(520px, calc(100% - 48px)) !important;
    transform: translate(var(--hero-content-shift-x), var(--hero-content-shift-y)) !important;
  }

  html body #home.hero .hero-title {
    font-size: clamp(42px, 6.2vw, 72px) !important;
    line-height: 0.96 !important;
    transform: translateY(var(--hero-title-shift-y)) !important;
  }

  html body #home.hero .hero-title-line--brand,
  html body #home.hero .hero-title-line:nth-child(1) {
    font-size: clamp(15px, 1.6vw, 20px) !important;
    margin-bottom: 0.18em !important;
  }

  html body #home.hero .hero-promo {
    margin-top: 18px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
  }

  html body #home.hero .hero-lead {
    margin-top: 16px !important;
    font-size: clamp(17px, 1.6vw, 20px) !important;
  }

  html body #home.hero .hero-cta-stack {
    align-items: flex-start !important;
    margin-top: 24px !important;
  }

  html body #home.hero .hero-actions {
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  html body #home.hero .hero-actions .button {
    min-height: 48px !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
  }
}