.cover { grid-template-columns: 26px minmax(0, 1.3fr) minmax(0, 1fr); column-gap: clamp(24px, 3vw, 48px); }
.cover h1 { font-size: clamp(66px, 7.5vw, 112px); }
.signal-art { grid-column: 3; grid-row: 1; min-width: 0; margin: 0; width: 100%; align-self: center; }
.signal-stage { display: grid; place-items: center; aspect-ratio: 1.1; }
#signal-frame { margin: 0; font: 400 clamp(6px, .72vw, 11px)/1.35 var(--goku-font-mono); letter-spacing: 0; white-space: pre; user-select: none; }
.signal-art figcaption { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--goku-rule); padding-top: 12px; font: 9px/1.5 var(--goku-font-mono); letter-spacing: .04em; }
#signal-toggle { min-height: 44px; padding: 8px 0 8px 8px; border: 0; background: transparent; font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
#signal-toggle[hidden] { display: none; }
@media (max-width: 1080px) {
  .cover { grid-template-columns: 18px minmax(0, 1.2fr) minmax(0, 1fr); column-gap: 24px; }
  .cover h1 { font-size: clamp(56px, 7.3vw, 80px); }
}
@media (max-width: 800px) {
  .cover { grid-template-columns: 18px minmax(0, 1fr); grid-template-rows: auto auto auto; row-gap: 12px; min-height: auto; }
  .cover-copy { padding-bottom: 12px; }
  .signal-art { grid-column: 2; grid-row: 2; max-width: 420px; justify-self: end; }
  #signal-frame { font-size: clamp(7px, 1.15vw, 10px); }
  .signal-stage { aspect-ratio: 1.7; }
  .cover-bottom { grid-row: 3; }
}
@media (max-width: 600px) {
  .cover h1 { font-size: clamp(62px, 18vw, 104px); }
  .signal-art { justify-self: center; }
  #signal-frame { font-size: clamp(6px, 1.3vw, 8px); }
  .signal-stage { aspect-ratio: 1.5; }
  .cover-bottom { grid-row: 3; }
}