/* Brand & Web hero fold-fit pass — 2026-10-07.
   Keeps the richer device composition but compresses it on laptop-height viewports.
   Mobile/tablet stacking below 900px is intentionally unchanged. */

@media (min-width: 901px) and (max-height: 950px) {
  body.page-brand-market .brand-web-hero {
    padding-top: clamp(42px, 4vw, 58px) !important;
    padding-bottom: clamp(42px, 3.8vw, 56px) !important;
  }

  body.page-brand-market .brand-web-hero-layout {
    gap: clamp(32px, 3.6vw, 54px) !important;
  }

  body.page-brand-market .brand-device-stage {
    width: 108.7%;
    justify-self: end;
    transform: scale(.92);
    transform-origin: center right;
    margin-top: -20px;
    margin-bottom: -34px;
  }
}

@media (min-width: 1100px) and (max-height: 850px) {
  body.page-brand-market .brand-web-hero {
    padding-top: 34px !important;
    padding-bottom: 36px !important;
  }

  body.page-brand-market .brand-web-hero-layout {
    gap: clamp(28px, 3vw, 46px) !important;
  }

  body.page-brand-market .brand-device-stage {
    width: 114.95%;
    transform: scale(.87);
    margin-top: -34px;
    margin-bottom: -54px;
  }
}