@import url("styles-1.css");
@import url("styles-2.css");
@import url("styles-3.css");
@import url("styles-4.css");
@import url("styles-5.css");

/* Restore Nick Leonard's supplied photo without changing the team-card layout. */
.nick-placeholder {
  display: grid;
  place-items: center;
  align-content: center;
  gap: .2rem;
  width: 112px;
  height: 112px;
  border-radius: 18px;
  background: #0b2b62 url("/assets/golf/nick-2026.avif?v=20260908-2038") center 22% / cover no-repeat !important;
  color: transparent !important;
  border: 3px solid #111;
  flex: 0 0 112px;
}
.nick-placeholder strong,
.nick-placeholder span {
  visibility: hidden !important;
}

/* Restore the supplied Youth Camp image even if the inline thumbnail source fails. */
.video-preview[data-video="p4a4OfzE84c"] {
  background: #fff url("/assets/golf/youth-camp-video-thumbnail.webp?v=20260908-2038") center / cover no-repeat !important;
}
.video-preview[data-video="p4a4OfzE84c"] img {
  opacity: 0 !important;
}

/* Cross-browser render lock: the hero is one normal image, never a layered/cropped pseudo-image. */
.campaign-banner-window {
  aspect-ratio: auto !important;
  overflow: visible !important;
  background: none !important;
}
.campaign-banner-window::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.campaign-lockup-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Chrome/Safari should render the same supplied video artwork before playback. */
.video-preview {
  background-color: #fff !important;
}
.video-preview img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1;
  visibility: visible !important;
}
.video-preview[data-video="p4a4OfzE84c"] img {
  opacity: 0 !important;
}
