/* Responsibility: Home character cutout, poster and video rendering handoff. */

@media (max-width: 820px) {
  .home-page .nav-link {
    display: none;
  }

  .home-page .nav-apply {
    min-width: 112px;
  }
}

@media (max-width: 640px) {
  .recruit-hero {
    min-height: auto;
    padding-bottom: 8px;
  }

  .recruit-hero-inner {
    grid-template-rows: auto minmax(240px, 68vw);
  }

  .character-stage {
    height: min(290px, 72vw);
    min-height: 240px;
    margin-top: 12px;
  }

  .ship-parallax {
    width: min(112%, 500px);
  }

  .home-page .hero-actions .btn {
    min-height: 52px;
  }
}

/* Stable poster-to-video handoff: both media layers occupy the exact same
   reserved box before video metadata or the first decoded frame is available. */
.ship-parallax {
  aspect-ratio: 16 / 9;
}

.qiu-character.qiu-ship,
.qiu-ship-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f7f6f0;
  /* Keep refresh painting on one opaque surface without a halo. */
  filter: none !important;
}