/* What is Zenith — desktop (match Why Choose section spacing) */
@media (min-width: 901px) {
  main > section#hub.section.hub-section,
  main > .why-section {
    padding: 48px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: auto !important;
    box-sizing: border-box !important;
  }

  main > .hero--poster + .saber-divider,
  main > .hub-section + .saber-divider,
  main > .why-section + .saber-divider {
    height: 12px !important;
  }

  main > #hub .hub-layout {
    position: relative !important;
    display: block !important;
  }

  main > #hub .hub-content-col {
    padding-right: min(400px, 38vw) !important;
  }

  main > #hub .hub-mascot-col {
    position: absolute !important;
    top: -48px !important;
    right: 0 !important;
    align-self: auto !important;
    margin: 0 !important;
  }

  main > #hub .hub-mascot {
    transform: translate(14px, -22px) !important;
  }

  main > #hub .hub-copy-strip {
    margin-bottom: 0 !important;
  }

  main > #product-hero.product-hero-section {
    padding: 64px 0 48px !important;
  }

  main > #product-hero .hub-tag {
    margin-top: 16px;
  }

  main > #product-hero .hub-layout {
    position: relative !important;
    display: block !important;
  }

  main > #product-hero .hub-content-col {
    padding-right: min(400px, 38vw) !important;
  }

  main > #product-hero .hub-mascot-col {
    position: absolute !important;
    top: -40px !important;
    right: 0 !important;
    align-self: auto !important;
    margin: 0 !important;
  }

  main > #product-hero .hub-mascot {
    width: min(400px, 36vw) !important;
    transform: translate(8px, -12px) !important;
  }
}