/* Desktop retains a centered film and portrait with wider typography. */
@media(min-width:901px) {
  .gate-header { top: 39px; }
  .wordmark { font-size: 37px; }
  .edition { font-size: 11px; }
  .gate-center { top: 29%; }
  .gate-bottom { width: 510px; right: auto; bottom: 43px; }
  .gate-title { margin-top: 24px; }
  .gate-description { position: absolute; left: 62%; top: 48%; font-size: 15px; }
  .film-viewport { left: 50%; right: auto; width: 56.25svh; transform: translateX(-50%); }
  .surface-title { top: 44%; font-size: clamp(60px,7.3vw,110px); max-width: 88%; }
  .surface-shade { background: linear-gradient(90deg,#0006,#0000 70%),linear-gradient(0deg,#0007,transparent 60%); }
  .surface-cue { bottom: 50px; }
  #portrait-fallback { height: calc(90% * var(--portrait-scale)); }
  .portrait-heading { top: 27px; }
  .portrait-heading h2 { font-size: clamp(80px,10svh,132px); }
  .portrait-actions { bottom: 76px; }
}
@media(max-height:650px) and (min-width:901px) {
  .gate-center { top: 23%; }
  .gate-title { font-size: 66px; margin: 16px 0; }
  .gate-bottom { bottom: 24px; }
  .entry-button { height: 56px; }
  .portrait-heading { top: 15px; }
  .portrait-heading h2 { font-size: 65px; }
  .portrait-heading .eyebrow { display: none; }
  .connection-action { height: 62px; }
  .portrait-actions { bottom: 57px; }
  .portrait-cue { bottom: 8px; }
}