/* Additions for the Cory Desktop page on top of the About page's stylesheet. */

.button-soon {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

.release-line { color: var(--muted); font-size: 14px; }

/* Microsoft's Store badge, as tall as the Mac button. */
ms-store-badge { display: inline-flex; align-items: center; }
ms-store-badge::part(img) { max-height: 50px; }

.steps-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Cory herself, the live orb from orb/, in place of a drawing. */
.hero-art {
  display: grid;
  grid-template-rows: 1fr auto;
  aspect-ratio: 4 / 5;
  border: 1px solid var(--line);
  background: var(--bg-raised);
}

.hero-art iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #e7decf;
}

.hero-art figcaption { margin-top: 0; padding: 14px 18px; }

.ask { color: var(--ink); }

@media (max-width: 900px) {
  .steps-5 { grid-template-columns: 1fr; }
  .hero-art { aspect-ratio: 16 / 9; }
}