/* v166.0.63 — targeted visual corrections after full production QA. */
.page-contact #project-information .card {
  align-self: start;
  min-height: 0;
  padding-bottom: clamp(22px, 3vw, 34px);
}

.page-contact #project-information .form-status:empty {
  display: none;
}

.page-led-mled .led-requirement-board {
  align-items: start;
}

.page-led-mled .led-requirement-card {
  align-self: start;
  height: auto;
  min-height: 0;
}

.controller-cutout-media {
  background: radial-gradient(circle at 62% 48%, #18303a 0, #0d1b21 48%, #081318 100%);
}

.controller-cutout-media::after {
  background: none;
}

.controller-cutout-media img {
  object-fit: contain;
  padding: clamp(20px, 4vw, 54px);
}

.page-system-integration .hero-media {
  background: radial-gradient(circle at 62% 48%, #18303a 0, #0d1b21 48%, #081318 100%);
}

.page-system-integration .hero-media img {
  object-fit: contain;
  padding: clamp(20px, 4vw, 54px);
}

.page-led-mled .transparent-route-visual img,
.page-led-mled .transparent-led-feature-visual img {
  filter: none;
}

/* LED specification: contained copy and native portrait media. */
.page-led-mled .split-led-spec {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  align-items: start;
  gap: clamp(28px, 5vw, 72px);
}
.page-led-mled .split-led-spec-factors {
  padding: clamp(24px, 3vw, 42px);
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 2px solid var(--accent);
  border-radius: var(--radius);
}
.page-led-mled .led-spec-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.page-led-mled .led-spec-columns .check-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin: 0;
}
.page-led-mled .led-spec-columns .check-list li { line-height: 1.5; }
.page-led-mled .split-led-spec-media { width: 100%; max-width: 390px; justify-self: center; }
.page-led-mled .split-led-spec .video-slot { width: 100%; aspect-ratio: 9 / 16; }
.page-led-mled .split-led-spec .media-panel-copy { padding: 20px 0 0; }
@media (width <= 820px) {
  .page-contact #project-information { padding-bottom: 44px; }
  .page-led-mled .split-led-spec { grid-template-columns: 1fr; }
}
@media (width <= 480px) {
  .page-led-mled .led-spec-columns { grid-template-columns: 1fr; gap: 16px; }
}
