@media (min-width: 701px) and (max-width: 1366px) {
  .global-header { gap: 12px; align-items: center; }
  .global-header .brand { font-size: clamp(20px, 2.55vw, 32px); gap: 14px; white-space: nowrap; }
  .global-header .nav { max-width: none; overflow: visible; font-size: clamp(8px, .93vw, 11px); }
  .global-header .nav a { padding-inline: clamp(4px, .65vw, 9px); white-space: nowrap; }
  .lab-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, .72fr); padding-inline: 16px; }
  .lab-spacer { display: none; }
  .lab-grid .vessel-view { height: clamp(240px, 38vw, 440px); }
  .swarm__caption { width: min(20vw, 175px); }
}
@media (min-width: 701px) and (max-width: 1100px) and (orientation: portrait) {
  .material-archive__stage { display: grid; grid-template-rows: auto minmax(0, 1fr); padding: 74px 16px 16px; gap: 14px; }
  .material-archive__strip { position: static; width: auto; padding: 0; }
  .material-archive__feature {
    position: static;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 12px;
  }
  .material-archive__story { display: contents; }
  .material-archive__copy { grid-row: 1; }
  .material-archive__media { grid-row: 2; width: 100%; height: 100%; min-height: 0; margin: 0; }
  .material-timeline { grid-row: 3; height: auto; }
  .global-advance[data-mobile-controls="true"] { visibility: hidden; }
}
@media (pointer: coarse) {
  .archive-site { overflow-x: clip; }
  .intro-sequence__stage { isolation: isolate; }
  .swarm__viewport canvas { backface-visibility: hidden; }
}

/* Use the phone masthead on iPad in either orientation. */
@media (min-width: 701px) and (max-width: 1100px),
       (min-width: 701px) and (max-width: 1366px) and (pointer: coarse) {
  .global-header { display: block; padding: 12px; }
  .global-header .brand {
    justify-content: space-between;
    gap: 12px;
    font-size: 24px;
    line-height: 28px;
  }
  .global-header .nav { display: none; }
}