@media (max-width: 700px) {
  .mobile-intro { position: relative; overflow: hidden; min-height: 100svh; background: #17151b; color: #fff; }
  .mobile-intro::before { content: ""; position: absolute; inset: -24px; background: url("/dreamers-v17/assets/mobile-hero-7922.jpg") 55% 50% / cover no-repeat; filter: grayscale(1) brightness(.42) blur(12px); transform: scale(1.08); z-index: 0; }
  .mobile-intro-image { position: absolute; inset: 0; width: 100%; height: 95svh; object-fit: cover; object-position: 54% 50%; filter: grayscale(1) brightness(.78); z-index: 0; }
  .mobile-intro::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,#0003 0%,#0001 35%,#0005 100%); pointer-events: none; z-index: 0; }
  .mobile-intro > [role="heading"], .mobile-intro > h1, .mobile-intro > .booking-button, .mobile-intro > .mobile-next { position: relative; z-index: 1; }
  .mobile-intro [role="heading"] img, .mobile-intro h1 img { filter: brightness(0) invert(1) drop-shadow(0 2px 14px #0008) !important; }
  .mobile-intro .booking-button { color: #17151b; background: #fff; }
  .mobile-intro > .mobile-next { color: #fff; border-color: #ffffff55; }
}