/* Desktop adjustments for the approved DIVA composition. Mobile is untouched. */
@media (min-width: 701px) {
  html { scroll-padding-top: 0; }
  .hero { min-height: min(820px, 100svh); }
  .apartments.content { padding-top: 190px; }

  /* The separate question controls join the flying CTA only after it docks. */
  .qa-orbit--diva:not(.qa-desktop-docked) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .qa-orbit--diva.qa-chat-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .qa-orbit--diva .qa-top { right: 16px; }
  .qa-orbit--diva .qa-bubble {
    min-height: 104px;
    padding: 15px 18px;
    background: rgba(14, 42, 59, .88);
    box-shadow: 0 8px 24px rgba(10, 31, 45, .2);
  }
  .qa-orbit--diva .qa-nav > span {
    display: inline-block;
    padding: 4px 3px;
    border-radius: 6px;
    background: rgba(14, 42, 59, .82);
  }
  .qa-orbit--diva .qa-question { display: grid; justify-items: center; row-gap: 4px; }
  .qa-orbit--diva .qa-question-copy,
  .qa-orbit--diva .qa-question-prompt { display: block; width: 100%; }
}

@media (min-width: 701px) and (max-height: 700px) {
  .hero-title { padding-top: 25px; }
  .hero h1 { font-size: clamp(76px, 7.5vw, 118px); }
  .hero-title .script { font-size: clamp(64px, 6.2vw, 88px); }
  .hero-line { margin-top: 20px; }
  .hero-footer { bottom: 20px; }
}