@media (min-width: 1024px) {
  html:has(body.adg-standalone #adg-u11),
  #adg-u11:fullscreen {
    scrollbar-gutter: stable;
  }

  #adg-u11 {
    --adg-desktop-content-max: 2160px;
    --adg-desktop-gutter: max(4%, calc((100% - var(--adg-desktop-content-max)) / 2));
    --adg-desktop-header: clamp(76px, 11dvh, 119px);
    --adg-desktop-footer: clamp(28px, 3.6dvh, 39px);
    --adg-desktop-room: calc(100dvh - var(--adg-desktop-header) - var(--adg-desktop-footer));
    --adg-desktop-top: clamp(22px, min(2.3vw, 5dvh), 54px);
    --adg-desktop-bottom: clamp(20px, 4dvh, 54px);
    --adg-desktop-gap: clamp(12px, min(1.1vw, 1.8dvh), 24px);
    --adg-desktop-kicker: clamp(14px, 1.2vw, 20px);
  }

  #adg-u11[data-active-scene="0"] {
    --adg-desktop-room: calc(100dvh - var(--adg-desktop-header));
  }

  #adg-u11 .adg-top {
    block-size: var(--adg-desktop-header);
    min-block-size: var(--adg-desktop-header);
    padding: 0 var(--adg-desktop-gutter);
    gap: clamp(18px, 2vw, 30px);
  }

  #adg-u11 .adg-wordmark img {
    display: block;
    width: min(377px, calc(var(--adg-desktop-header) * 3.2), 27vw);
    height: auto;
  }

  #adg-u11 .adg-header-nav {
    gap: clamp(14px, 1.65vw, 36px);
  }

  #adg-u11 .adg-header-nav button {
    font-size: clamp(12px, 1.025vw, 14px);
  }

  #adg-u11 .adg-footnote {
    block-size: var(--adg-desktop-footer);
    padding: 0 var(--adg-desktop-gutter);
    align-content: center;
  }

  .adg-standalone #adg-u11:is([data-active-scene="1"], [data-active-scene="12"]),
  #adg-u11:is([data-active-scene="1"], [data-active-scene="12"]):fullscreen {
    min-block-size: 100dvh;
  }

  #adg-u11:is([data-active-scene="0"], [data-active-scene="1"], [data-active-scene="12"], [data-active-scene="13"], [data-active-scene="11"]) .adg-stage {
    flex: 1 0 auto;
    min-block-size: var(--adg-desktop-room);
  }

  #adg-u11:is([data-active-scene="1"], [data-active-scene="12"], [data-active-scene="13"]) {
    --adg-flow-bottom-inset: var(--adg-desktop-bottom);
  }

  #adg-u11:is([data-active-scene="1"], [data-active-scene="12"], [data-active-scene="13"]) .adg-stage {
    padding: var(--adg-desktop-top) var(--adg-desktop-gutter) 0 !important;
  }

  #adg-u11 .adg-stage > :is(.adg-market, .adg-commercial-continuation, .adg-businesses) > .adg-scene-heading .adg-eyebrow {
    font-size: var(--adg-desktop-kicker) !important;
  }

  #adg-u11 .adg-galaxy-opening,
  #adg-u11:fullscreen .adg-galaxy-opening {
    --adg-about-inline: var(--adg-desktop-gutter);
    --adg-about-top: var(--adg-desktop-top);
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(min-content, 1fr) !important;
    column-gap: clamp(24px, 4vw, 80px) !important;
    padding: var(--adg-desktop-top) var(--adg-desktop-gutter) var(--adg-desktop-bottom) !important;
  }

  #adg-u11 .adg-galaxy-opening .adg-orbit-stage {
    min-block-size: 0 !important;
  }

  #adg-u11 .adg-galaxy-opening .adg-about-label {
    font-size: var(--adg-desktop-kicker);
  }

  #adg-u11 .adg-galaxy-opening[data-opening-step="about"] .adg-galaxy-copy {
    align-self: start !important;
    max-width: none !important;
    padding-block-start: calc(var(--adg-desktop-kicker) * 1.4 + 10px);
  }

  #adg-u11 .adg-galaxy-opening .adg-about-footprint {
    display: none;
  }

  #adg-u11 .adg-galaxy-opening[data-opening-step="about"] .adg-about-layout {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    align-self: start;
    width: min(100%, 870px);
  }

  #adg-u11 .adg-galaxy-opening .adg-about-layout > .adg-opening-about {
    margin-block-start: clamp(16px, 2.7dvh, 28px);
    font-size: clamp(14px, min(1.18vw, 2.72cqw), 23px) !important;
  }

  #adg-u11 :is(.adg-market, .adg-commercial-continuation) {
    --adg-desktop-flow-height: clamp(max(128px, calc(220px - 6.75vw)), 17.5dvh, 215px);
    --adg-flow-visual-top: clamp(12px, 1.8dvh, 28px);
    --adg-desktop-mission-space: clamp(136px, calc(230px - 4.2vw), 192px);
  }

  #adg-u11:is([data-active-scene="1"], [data-active-scene="12"]) .adg-stage > :is(.adg-market, .adg-commercial-continuation):not([hidden]) {
    container-type: inline-size;
    min-block-size: 0;
    row-gap: var(--adg-desktop-gap);
  }

  #adg-u11 :is(.adg-market > .adg-radar-field, .adg-commercial-orbit-field) {
    /* Use the same top row in both scenes so the globe and orbit share a footprint. */
    --adg-flow-visual-room: calc(var(--adg-desktop-room) - var(--adg-desktop-top) - var(--adg-desktop-bottom) - var(--adg-desktop-flow-height) - var(--adg-flow-visual-top) - var(--adg-desktop-gap));
    /* A graphic over the Consumer slot can share height with the central missions. */
    --adg-endpoint-visual-width: calc((100cqi - 4 * var(--adg-market-flow-gap)) * .18);
    --adg-market-visual-diameter: min(
      clamp(300px, 31.82vw, 522px),
      max(112px, min(var(--adg-endpoint-visual-width), var(--adg-flow-visual-room)), calc(var(--adg-flow-visual-room) - var(--adg-desktop-mission-space)))
    );
    min-block-size: calc(var(--adg-desktop-mission-space) + 112px);
    margin-block-start: var(--adg-flow-visual-top);
    padding-block-end: clamp(0px, calc(var(--adg-flow-visual-room) - var(--adg-market-visual-diameter)), var(--adg-desktop-mission-space));
  }

  #adg-u11 .adg-commercial-orbit {
    margin-block-end: 0;
  }

  #adg-u11 .adg-market-route {
    --adg-market-card-height: var(--adg-desktop-flow-height);
    --adg-market-route-height: var(--adg-desktop-flow-height);
  }

  #adg-u11 .adg-market .adg-market-card {
    padding: clamp(8px, .8vw, 15px);
  }

  #adg-u11 :is(.adg-market, .adg-commercial-continuation) .adg-market-card {
    --adg-market-icon-width: clamp(34px, min(3.65vw, 6.1dvh), 72px);
  }

  #adg-u11 .adg-commercial-products {
    padding-block-start: 0;
  }

  #adg-u11 .adg-commercial-continuation:has([data-commercial-role][aria-expanded="true"]) > .adg-scene-heading {
    /* Let the scene scroll when an expanding mission would reach the introduction. */
    padding-block-end: var(--adg-commercial-mission-height);
  }

  #adg-u11 .adg-commercial-face {
    min-block-size: calc(var(--adg-desktop-flow-height) - 2px);
  }

  #adg-u11 .adg-commercial-mission-content {
    gap: 7px;
    padding-block: clamp(8px, 1.4dvh, 16px);
    font-size: clamp(12.5px, 1.02vw, 17px);
    line-height: 1.4;
  }

  #adg-u11 .adg-commercial-mission-content > strong {
    font-size: clamp(15px, 1.35vw, 22px);
  }

  #adg-u11 .adg-business-deck {
    --adg-business-deck-min: clamp(375px, 51dvh, 510px);
    --adg-business-deck-room: max(var(--adg-business-deck-min), calc(var(--adg-desktop-room) - var(--adg-desktop-top) - var(--adg-desktop-bottom) - var(--adg-business-heading-height) - var(--adg-business-heading-gap)));
    min-block-size: var(--adg-business-deck-min);
  }

  #adg-u11 .adg-stage > section.adg-connect[data-scene="11"] {
    min-block-size: var(--adg-desktop-room);
    padding: var(--adg-desktop-top) var(--adg-desktop-gutter) var(--adg-desktop-bottom);
  }

  #adg-u11 .adg-connect-layout {
    max-width: var(--adg-desktop-content-max);
  }

  #adg-u11 .adg-connect-kicker {
    font-size: var(--adg-desktop-kicker);
  }

  #adg-u11 .adg-connect-intro h1 {
    font-size: clamp(44px, min(5.45vw, 9.6dvh), 112px);
  }
}

@media (min-width: 1024px) and (max-height: 680px) {
  #adg-u11 {
    --adg-desktop-header: clamp(64px, 10.5dvh, 76px);
    --adg-desktop-top: clamp(18px, 3.5dvh, 24px);
    --adg-desktop-bottom: clamp(18px, 3dvh, 24px);
  }

  #adg-u11 :is(.adg-market, .adg-commercial-continuation) {
    --adg-desktop-mission-space: clamp(126px, calc(220px - 4.4vw), 176px);
  }
}