.dubbing { background: #171b18; }
.dubbing > .section-head { margin-bottom: 38px; }
.screen-grid,
.character-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.character-card {
  display: flex; flex-direction: column; min-width: 0; overflow: hidden;
  background: #232a25; border: 1px solid #ffffff17; border-radius: 6px;
  transition: transform .2s ease, border-color .2s ease;
}
.character-card:hover { transform: translateY(-3px); border-color: #ffffff32; }
.character-card > img,
.split-media { display: block; width: 100%; height: 250px; background: #0b0d0c; }
.character-card > img { object-fit: cover; }
.screen-card > img { object-position: center top; }
.split-media { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.split-media img { width: 100%; height: 250px; object-fit: cover; min-width: 0; }
.split-media img:first-child { object-position: center; }
.split-media img:last-child { object-position: center top; }
.character-card > div:not(.split-media) { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.character-card h3 { margin: 5px 0 8px; font-size: 29px; line-height: 1.1; }
.character-card p:not(.eyebrow) { color: var(--muted); }
.screen-card p:not(.eyebrow) { min-height: 112px; }
.character-card a { margin-top: auto; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.media-credit { display: block; margin: 4px 0 18px; color: #8f998f; font-size: 9px; line-height: 1.4; }
.rental-card { border-color: #d5fa5266; }
.rental-card p:not(.eyebrow) { color: #e2e7df; }
.card-links { display: flex; gap: 18px; margin-top: auto; }
.card-links a, .card-links .credit-year { margin-top: 0; font-size: 13px; }
.subsection-head {
  display: flex; justify-content: space-between; align-items: end; gap: 40px;
  margin: 78px 0 28px;
}
.subsection-head h3 { margin: 0; font-size: 42px; }
.subsection-head p:last-child { max-width: 430px; color: var(--muted); }
.character-grid .character-card p:not(.eyebrow) { min-height: 76px; }
.recent-credits {
  display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(35px, 7vw, 100px);
  margin-top: 70px; padding: 45px 0; border-top: 1px solid #ffffff25;
  border-bottom: 1px solid #ffffff25;
}
.recent-credits h3 { margin: 6px 0 12px; font-size: 36px; }
.recent-credits > div > p:not(.eyebrow) { color: var(--muted); }
.recent-credits ol { margin: 0; padding: 0; list-style: none; }
.recent-credits li {
  display: grid; grid-template-columns: 1fr auto; gap: 22px; padding: 16px 0;
  border-bottom: 1px solid #ffffff1f;
}
.recent-credits li:first-child { padding-top: 0; }
.recent-credits li:last-child { border-bottom: 0; }
.recent-credits li span { color: var(--muted); text-align: right; }
.dubbing-cta { margin-top: 35px; }
@media (max-width: 1050px) {
  header nav { gap: 18px; }
  .screen-grid,
  .character-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  header nav { justify-content: flex-start; overflow-x: auto; padding-bottom: 5px; scrollbar-width: none; }
  header nav::-webkit-scrollbar { display: none; }
  header nav a { white-space: nowrap; }
  .screen-grid,
  .character-grid { grid-template-columns: 1fr; }
  .subsection-head { display: block; margin-top: 58px; }
  .character-card > img,
  .split-media,
  .split-media img { height: 235px; }
  .screen-card p:not(.eyebrow),
  .character-grid .character-card p:not(.eyebrow) { min-height: 0; }
  .recent-credits { grid-template-columns: 1fr; }
  .recent-credits li { grid-template-columns: 1fr; }
  .recent-credits li span { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .character-card { transition: none; }
}

/* Keep Kit Harington's face visible in the compact Industry card. */
.industry-card > img { object-position: center 42%; }