/* Six platforms, three columns: a single projection-sized overview. */
.apple-edition #platforms {
  --platform-image-height: clamp(120px, calc((100svh - 330px) / 2), 300px);
  padding-block: 64px 40px;
  min-height: 100svh;
  justify-content: center;
}
.apple-edition #platforms > .section-title { font-size: clamp(36px, 3.4vw, 60px); }
.apple-edition #platforms .real-platform-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}
.apple-edition #platforms .real-platform-grid > figure { padding: 18px 20px; border-radius: 24px; }
.apple-edition #platforms .real-platform-grid figcaption { font-size: clamp(22px, 2vw, 30px); margin-bottom: 12px; }
.apple-edition #platforms .real-platform-grid figcaption small { font-size: 11px; margin-left: 10px; }
.apple-edition #platforms .platform-cutout,
.apple-edition #platforms .real-platform-grid figure > img,
.apple-edition #platforms .spacewar-pair { flex: none; height: var(--platform-image-height); }
.apple-edition #platforms .real-platform-grid .platform-console > img { padding: 8px 0; }
.apple-edition #platforms .spacewar-pair { gap: 8px; }
.apple-edition #platforms.platforms-immersive {
  --platform-image-height: clamp(110px, calc((100svh - 400px) / 2), 285px);
  position: relative;
  isolation: isolate;
  background: #f2f7fc;
}
.apple-edition #platforms > .platform-motion-background {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.apple-edition #platforms.platforms-immersive::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #f5f9ffb8 0%, #eef6ff38 35%, #edf5ff38 75%, #f5f9ffb8 100%);
  pointer-events: none;
}
.apple-edition #platforms.platforms-immersive > .section-title { text-shadow: 0 2px 24px #fff; }
.apple-edition #platforms.platforms-immersive .real-platform-grid > figure {
  background: #ffffffb8;
  backdrop-filter: blur(12px);
  border: 1px solid #ffffff70;
  box-shadow: 0 8px 25px #152f4c08;
}
.apple-edition #platforms.platforms-immersive .platform-spacewar figcaption { color: #1d1d1f; }
.apple-edition #platforms.platforms-immersive .platform-spacewar figcaption small { color: #616a74; }
.apple-edition #platforms .platform-future-note {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 18px;
  width: 100%;
  margin-top: 20px;
  padding: 10px 16px;
  border-radius: 14px;
  background: #ffffffb0;
  color: #3b4a5a;
  font: 500 14px/1.6 var(--font);
  backdrop-filter: blur(10px);
}
.apple-edition #platforms .platform-future-note p { margin: 0; font: inherit; }
.apple-edition #platforms .platform-future-note span { margin-left: auto; font-size: 12px; color: #657586; }
@media (max-width: 700px) {
  .apple-edition #platforms { --platform-image-height: 170px; padding-block: 85px 40px; }
  .apple-edition #platforms.platforms-immersive { --platform-image-height: 170px; }
  .apple-edition #platforms .real-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .apple-edition #platforms .real-platform-grid > figure { padding: 15px 12px; }
  .apple-edition #platforms .real-platform-grid figcaption { font-size: 22px; }
  .apple-edition #platforms .real-platform-grid figcaption small { display: block; margin-left: 0; font-size: 9px; }
  .apple-edition #platforms .platform-future-note { font-size: 12px; }
  .apple-edition #platforms .platform-future-note span { margin-left: 0; width: 100%; font-size: 10px; }
}