/* Keep the river visible behind the copy in the private preview and the live card. */
#obsah[data-christmas-cruise] .event-detail-hero {
  display: flex;
  align-items: flex-end;
  padding: 0;
  min-height: clamp(580px, 84svh, 860px);
  color: #fff7e7;
  background: #0b2234;
}
#obsah[data-christmas-cruise] .event-detail-hero-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 0;
  transform: none;
}
#obsah[data-christmas-cruise] .event-detail-hero-photo img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: 50% 55%;
  border-radius: 0;
}
#obsah[data-christmas-cruise] .event-detail-hero-photo::after {
  display: block;
  background: linear-gradient(90deg, #071724eb, #0a1b2cb5 40%, transparent 82%),
    linear-gradient(0deg, #081e30 1%, transparent 58%);
}
#obsah[data-christmas-cruise] .event-detail-hero-copy {
  position: relative;
  z-index: 1;
  padding: clamp(72px, 9vw, 144px) var(--event-gutter) clamp(50px, 6vw, 90px);
  width: min(70%, 920px);
  color: #fff7e7;
}
#obsah[data-christmas-cruise] .event-detail-hero h1 {
  font: 500 clamp(54px, 6.8vw, 108px)/.99 Georgia, serif;
  letter-spacing: -.055em;
  text-wrap: balance;
  color: #fff7e7;
}
#obsah[data-christmas-cruise] .event-detail-hero :is(.event-detail-eyebrow, .event-detail-tagline) { color: #ffe0a7; }
#obsah[data-christmas-cruise] .event-detail-hero .event-detail-cta { color: #192938; }
#obsah[data-christmas-cruise] .event-detail-hero .event-detail-cta:not(:where([data-interaction-design] [data-liquid-action])) { background: #ffdea3; }
.cruise-cabin {
  z-index: 1;
  position: absolute;
  bottom: 8%;
  right: 6%;
  width: clamp(115px, 15vw, 230px);
  margin: 0;
  padding: 5px;
  background: #f5e7cc;
  box-shadow: 0 8px 30px #08142180;
  transform: rotate(4deg);
}
#obsah[data-christmas-cruise] .event-detail-motion { z-index: 2; }
.cruise-cabin img { display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.cruise-cabin + .cruise-cabin { display: none; }
.cruise-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 28px);
}
.cruise-gallery .event-detail-gallery-tile { aspect-ratio: 3/2; }
#obsah .cruise-gallery .event-detail-gallery-tile img { display: block; object-fit: cover; }
#obsah[data-christmas-cruise] .event-detail-lightbox img {
  max-width: min(1160px, calc(94vw - 44px));
  max-height: calc(90svh - 170px);
  object-fit: contain;
}
@media (min-width: 1000px) {
  #obsah[data-christmas-cruise] .event-detail-hero h1 { font-size: clamp(54px, 5.6vw, 92px); }
  #obsah[data-christmas-cruise] .event-detail-hero-copy { padding-right: 24px; width: 56%; }
  .cruise-cabin { width: clamp(128px, 12vw, 212px); right: 3%; bottom: 8%; z-index: 2; }
  .cruise-cabin + .cruise-cabin { display: block; width: clamp(145px, 14vw, 228px); right: 13%; bottom: 13%; transform: rotate(-6deg); z-index: 1; }
  .cruise-cabin + .cruise-cabin img { aspect-ratio: 4/3; }
  .cruise-cabin + .cruise-cabin + .cruise-cabin { right: 24%; bottom: 8%; transform: rotate(2deg); z-index: 0; }
}
@media (max-width: 700px) {
  #obsah[data-christmas-cruise] .event-detail-hero { min-height: 660px; }
  #obsah[data-christmas-cruise] .event-detail-hero-copy { width: 100%; padding: 245px 22px 48px; }
  #obsah[data-christmas-cruise] .event-detail-hero-photo::after { background: linear-gradient(0deg, #081e30 5%, #081e30db 48%, transparent 88%); }
  .cruise-cabin { top: 72px; bottom: auto; width: 98px; }
}