/* Homepage-only hero extension. Shared header contents and styles stay intact. */
.home-showcase-page > .site-header { margin-bottom: calc(-1 * var(--holiday-header-height)); }
.home-showcase-page:not(.home-header-solid) > .site-header:not(:has(.menu-toggle[aria-expanded="true"])) {
  background: transparent !important;
  border-bottom-color: #fffdf729 !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
.home-showcase-page:not(.home-header-solid) > .site-header:not(:has(.menu-toggle[aria-expanded="true"])) .brand-site-logo {
  content: url('/brand/20261009-originalschrift/holidaylifestyle-logo-hell-orange.svg');
}
.home-showcase-page:not(.home-header-solid) > .site-header:not(:has(.menu-toggle[aria-expanded="true"])) :is(.main-nav, .menu-toggle) { color: #fffdf7 !important; }
.home-showcase-page:not(.home-header-solid) > .site-header:not(:has(.menu-toggle[aria-expanded="true"])) :is(.hl-site-search-button, .hl-favorites-nav, .menu-toggle) { background: #102b233d !important; border-color: #fffdf766 !important; color: #fffdf7 !important; }
.home-showcase-page:not(.home-header-solid) > .site-header:not(:has(.menu-toggle[aria-expanded="true"])) .hl-favorites-nav__icon { color: #fffdf7; }
.home-showcase-page .hero.home-hero {
  /* Leave the beginning of the Finder visible beneath the larger image. */
  height: auto;
  min-height: max(560px, calc(100svh - 56px));
  max-height: none;
  padding-top: calc(var(--holiday-header-height) + 28px);
  padding-bottom: 86px;
}
.home-showcase-page .home-hero__visual { overflow: hidden; }
.home-showcase-page .home-hero__image {
  position: absolute;
  inset: 0;
  transform: scale(1.06);
  animation: holiday-hero-drift 16s ease-in-out infinite alternate;
  animation-play-state: paused;
  opacity: 1;
  transition: opacity 1.1s ease;
}
/* Slow movement stays on the photographs; text and controls never move. */
@keyframes holiday-hero-drift {
  from { transform: translate3d(-1.8%, .65%, 0) scale(1.06); }
  to { transform: translate3d(1.8%, -.65%, 0) scale(1.16); }
}
.home-showcase-page [data-showcase-motion="running"] .home-hero__image:not([hidden]) { animation-play-state: running; }
.home-showcase-page .home-hero__image:nth-child(2) { animation-direction: alternate-reverse; }
.home-showcase-page .home-hero__image[hidden] { display: block; opacity: 0; pointer-events: none; }
.home-showcase-page .showcase-hotel[hidden] { display: none; }
.home-showcase-page .home-hero__visual::after {
  background: linear-gradient(180deg, #08251d99 0, #08251d00 22%, #08251d00 77%, #08251d52 100%), linear-gradient(90deg, #08251dd9 0%, #08251db3 25%, #08251d61 46%, #08251d14 64%, #08251d00 78%);
}
.home-showcase-page .home-hero__content { width: min(650px, 64%); }
.home-showcase-page .showcase-hotels { position: absolute; right: var(--home-hero-gutter); bottom: clamp(110px, 15svh, 180px); width: min(29%, 340px); z-index: 2; }
.home-showcase-page .showcase-hotel { display: flex; flex-direction: column; gap: 14px; color: #fff8e9; text-decoration: none; position: relative; isolation: isolate; text-shadow: 0 2px 5px #08251dcc, 0 4px 22px #08251d99; }
.home-showcase-page .showcase-hotel::before { content: ""; position: absolute; z-index: -1; pointer-events: none; inset: -36px -42px; background: radial-gradient(ellipse, #08251d80 0%, #08251d47 42%, #08251d00 73%); }
.home-showcase-page .showcase-category { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.home-showcase-page .showcase-hotel strong { display: grid; font: 400 clamp(32px,3.4vw,52px)/1.08 "Tenor Sans",sans-serif; letter-spacing: -.035em; }
.home-showcase-page .showcase-hotel strong > span { margin-top: 8px; font-size: .46em; letter-spacing: .01em; }
.home-showcase-page .showcase-discover { display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 44px; border-bottom: 1px solid #fff8e97d; font-size: 13px; }
.home-showcase-page .showcase-discover > span { font-size: 25px; }
.home-showcase-page .showcase-controls { position: absolute; z-index: 2; bottom: 24px; left: var(--home-hero-gutter); right: var(--home-hero-gutter); display: flex; align-items: center; gap: 22px; }
.home-showcase-page .showcase-controls button { min-height: 44px; border: 0; border-bottom: 2px solid #fff8e94d; border-radius: 0; padding: 8px 0; background: transparent; color: #fff8e9; font: 600 13px/1.4 "Mulish",sans-serif; cursor: pointer; }
.home-showcase-page .showcase-controls button[aria-pressed="true"] { border-bottom-color: #f4c6a4; }
.home-showcase-page .showcase-controls button > span { margin-right: 8px; font-size: 11px; }
.home-showcase-page .showcase-controls button:focus-visible { outline: 2px solid #fff8e9; outline-offset: 4px; }
@media (max-width: 1180px) {
  .home-showcase-page:not(.home-header-solid) > .site-header .main-nav { color: #173b32 !important; }
}
@media (max-width: 760px) {
  .home-showcase-page .hero.home-hero { display: flex; flex-direction: column; gap: 16px; min-height: max(560px, calc(100 * var(--home-stable-vh, 1svh) - 56px)); padding: calc(var(--holiday-header-height) + 22px) 20px 112px; }
  .home-showcase-page .home-hero__content { width: 100%; margin-bottom: clamp(96px, calc(20 * var(--home-stable-vh, 1svh)), 180px); }
  .home-showcase-page .home-hero__eyebrow,
  .home-showcase-page .home-hero__copy { display: none; }
  .home-showcase-page .home-hero h1 { font-size: clamp(26px, 7.6vw, 32px); line-height: 1.15; }
  .home-showcase-page .home-hero__copy { margin-top: 12px; font-size: 14px; line-height: 1.5; }
  .home-showcase-page .home-hero__actions { margin-top: 12px; }
  .home-showcase-page .showcase-hotels { position: relative; right: auto; bottom: auto; width: 100%; margin-top: auto; }
  .home-showcase-page .showcase-hotel { gap: 8px; }
  .home-showcase-page .showcase-hotel strong { display: block; font-size: 28px; }
  .home-showcase-page .showcase-hotel strong > span { margin-left: 6px; font-size: .7em; }
  .home-showcase-page .showcase-category { font-size: 10px; }
  .home-showcase-page .showcase-controls { gap: 10px; left: 20px; right: 20px; bottom: 20px; }
  .home-showcase-page .showcase-controls button { flex: 1; font-size: 11px; }
  .home-showcase-page .showcase-controls button > span { display: block; margin: 0 0 2px; font-size: 10px; }
  .home-showcase-page .home-hero__visual::after { background: linear-gradient(180deg, #08251d99 0%, #08251d80 25%, #08251d0a 45%, #08251d0a 58%, #08251d80 80%, #08251dcc 100%); }
}
@media (prefers-reduced-motion: reduce) {
  .home-showcase-page .home-hero__image { transform: none; transition: none; animation: none; }
}

.home-showcase-page .showcase-controls .showcase-pause { order: 4; margin-left: auto; flex: 0 0 44px; width: 44px; border: 1px solid #fff8e96b; border-radius: 50%; font-size: 18px; }

/* Mobile photograph movement only; existing visibility/reduced-motion pauses remain. */
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  @keyframes holiday-home-mobile-drift {
    from { transform: translate3d(-3%, .9%, 0) scale(1.08); }
    to { transform: translate3d(3%, -.9%, 0) scale(1.20); }
  }
  .home-showcase-page .home-hero__image { animation-name: holiday-home-mobile-drift; animation-duration: 8s; }
}