/* The sign-in showcase shares the account tokens; login forms stay at 480px. */
.account-panel.sign-in-landing { position: relative; max-width: 960px; }
.sign-in-landing > .intro, .sign-in-landing > .entry-choices { max-width: 480px; margin-inline: auto; }
/* Use the existing purple space above the monitor without shifting the stage. */
.sign-in-landing > .intro { position: absolute; inset-inline: 0; top: calc(-1 * var(--space-8)); z-index: 1; pointer-events: none; }
.account-panel.sign-in-landing h1.brand-title { margin: 0; }
.account-panel.sign-in-landing h1.brand-title .brand-logo { height: clamp(48px, 8vw, 108px); }
.account-panel.sign-in-landing h1.brand-title span { font-size: clamp(1.25rem, 2.4vw, 2rem); }
.sign-in-landing .entry-choices > a.entry-choice { box-shadow: 0 6px 18px rgb(27 15 37 / 16%), 0 2px 4px rgb(27 15 37 / 8%); }

.jawa-menu-demo {
  --jawa-stage: var(--color-brand-fixed);
  --jawa-floor: var(--color-brand-fixed);
  width: 100%;
  min-width: 0;
  margin-bottom: var(--space-8);
  color: #fff;
}
.jawa-menu-demo [hidden] { display: none !important; }
.jawa-menu-demo .jawa-stage { position: relative; width: 100%; aspect-ratio: 8 / 5; overflow: hidden; background: var(--jawa-stage); border-radius: var(--radius-card); }
.jawa-menu-demo .jawa-render { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: pan-y; cursor: grab; }
.jawa-menu-demo .jawa-render.is-dragging { cursor: grabbing; }
.jawa-menu-demo canvas { display: block; width: 100%; height: 100%; }
.jawa-menu-demo .jawa-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: var(--jawa-stage); }
body.admin.sign-in .jawa-menu-demo :focus-visible { outline-color: var(--color-focus); }
body.admin.sign-in .jawa-menu-demo .jawa-render:focus-visible { outline-color: #fff; outline-offset: -6px; }

@media (width < 760px) {
  .jawa-menu-demo {
    width: calc(100% + 2 * var(--account-gutter) - var(--space-4));
    margin-inline: calc(var(--space-2) - var(--account-gutter));
  }
  .jawa-menu-demo .jawa-stage { aspect-ratio: auto; height: clamp(340px, 100vw, 620px); }
  .jawa-menu-demo .jawa-poster { object-fit: cover; }
}

/* The desktop app download (sessions/_desktop_download). */
.sign-in-landing .entry-download-other { grid-column: 1 / -1; display: flex; justify-content: center; margin: calc(-1 * var(--space-2)) 0 0; }
.sign-in-landing .entry-download-other .entry-policy-link { display: inline-flex; align-items: center; min-height: 48px; color: #fff; font-size: var(--type-body); line-height: var(--type-body-line); text-decoration: underline; text-underline-offset: 0.2em; }