/* Round 2: signal hierarchy, product proof, mobile crop */

.crt-screen--small-video {
  left: 1.95%;
  top: 37.3%;
  width: 13.35%;
  height: 10.74%;
  --screen-rotate: -0.35deg;
}

.crt-screen--center-stage {
  left: 44.79%;
  top: 57.71%;
  width: 11.33%;
  height: 14.55%;
  --screen-rotate: -0.25deg;
  box-shadow:
    inset 0 0 1.2rem rgba(0, 0, 0, 0.72),
    0 0 1.05rem rgba(182, 255, 60, 0.24);
}

.crt-screen--center-stage .crt-screen__media {
  filter: brightness(0.92) contrast(1.16) saturate(0.82);
}

.crt-signal-legend {
  position: absolute;
  top: 4.8%;
  left: 4.2%;
  z-index: 5;
  color: var(--text);
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  pointer-events: none;
}

.crt-signal-legend p {
  margin: 0;
}

.crt-signal-legend p:first-child {
  display: flex;
  gap: 13px;
  color: var(--glow);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
}

.crt-signal-legend p:last-child {
  margin-top: 8px;
  color: rgba(230, 227, 216, 0.62);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
}

@media (min-width: 821px) and (max-width: 1040px) {
  .hero-media.hero-monitor-wall {
    width: 108%;
    margin-right: -4%;
    margin-left: -4%;
  }
}

@media (min-width: 1041px) and (max-width: 1392px) {
  .hero-media.hero-monitor-wall {
    margin-right: -3%;
    margin-left: -3%;
  }
}

@media (max-width: 580px) {
  .studio-hero .hero-grid {
    row-gap: 18px;
  }

  .hero-media.hero-monitor-wall {
    aspect-ratio: 16 / 9;
    margin-top: 4px;
    overflow: hidden;
  }

  .hero-monitor-wall .crt-wall-base,
  .hero-monitor-wall .crt-screen-layer {
    inset: auto;
    top: -18vw;
    left: -10%;
    width: 120%;
    max-width: none;
    height: auto;
  }

  .hero-monitor-wall .crt-screen-layer {
    aspect-ratio: 3 / 2;
  }

  .crt-screen--small-video .crt-screen__video {
    display: none;
  }

  .crt-signal-legend {
    top: 3.5%;
    left: 3.5%;
  }

  .crt-signal-legend p:first-child {
    display: grid;
    gap: 3px;
    font-size: 8px;
    line-height: 1.05;
  }

  .crt-signal-legend p:last-child {
    display: none;
  }
}