/* Public image attribution, kept within the showroom TV menu. */
#tvMenu #menuHome .credits-menu-link {
  flex: none;
  align-self: center;
  justify-content: center;
  min-height: 32px;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #d4ddd3;
  font-size: max(13px, 1.45cqw);
  line-height: 1.3;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#menuHome .credits-menu-link:hover { color: #f1cc5b; }
#creditsContent[hidden] { display: none; }
#tvMenu.credits-open {
  background: #faf5e9;
  color: #233c32;
  padding: clamp(16px, 2cqw, 28px);
  box-shadow: inset 0 0 0 1px #d8d6c9;
}
#tvMenu.credits-open #menuDetail .back {
  min-height: 44px;
  padding: 8px 14px;
  margin: 0 0 16px;
  border: 0;
  border-radius: 999px;
  font-size: 14px;
  color: #233c32;
  background: #e6ecdf;
}
#tvMenu.credits-open #detailTitle {
  margin: 0 0 18px;
  font-size: clamp(21px, 2cqw, 30px);
  line-height: 1.2;
}
#creditsContent h3 { margin: 0 0 10px; font-size: 17px; line-height: 1.3; }
#creditsContent p { margin: 0; font-size: 16px; line-height: 1.55; }
#tvMenu.credits-open .back:focus-visible { outline: 3px solid #376747; outline-offset: 2px; }
@media (max-width: 600px) and (orientation: portrait) {
  #picture.menu-ready:has(#tvMenu.home-open) { aspect-ratio: 5 / 6; min-height: 440px; }
  #picture.menu-ready #tvMenu #menuHome .credits-menu-link { min-height: 44px; font-size: 14px; padding: 5px 10px; }
  #picture.menu-ready #tvMenu.credits-open { padding: 20px; }
  #picture.menu-ready #tvMenu.credits-open #detailTitle { font-size: 24px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  #tvMenu #menuHome .credits-menu-link { min-height: 28px; font-size: 12px; padding: 3px 10px; }
  #picture.menu-ready #tvMenu.credits-open { left: 12%; top: 12%; width: 76%; height: 76%; }
}