.mobile-island-tour { display: none; }
.space-landing .proposition p { width: fit-content; max-width: 100%; padding: 7px 11px; color: #7ee7ff; background: #020a10eb; border-radius: 2px; font-size: clamp(20px, 1.8vw, 30px); line-height: 1.4; letter-spacing: 0; text-shadow: none; }
@media (max-width: 900px) {
  .space-landing { display: block; height: 100svh; height: 100dvh; min-height: 0; padding: 0; }
  .space-landing .media-stage, .space-landing .landmark-stage { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; min-height: 0; margin: 0; transform: none; mask-image: none; }
  .space-landing .media-stage { z-index: 0; }
  .space-landing .landmark-stage { z-index: 4; }
  .media-stage .hero-fallback, .media-stage .hero-motion-video { width: 100%; height: 100%; object-fit: contain; object-position: center; }
  .mobile-island-image, .mobile-explore { display: none; }
  .space-landing .proposition { position: absolute; z-index: 5; top: max(12px, env(safe-area-inset-top)); left: 16px; right: 60px; margin: 0; padding: 0; pointer-events: none; }
  .space-landing .proposition h1 { font-size: clamp(18px, 5vw, 25px); line-height: 1.15; }
  .space-landing .proposition p { font-size: clamp(16px, 4vw, 19px); line-height: 1.4; margin-top: 8px; }
  .space-landing .request-trigger, .mobile-island-tour { position: absolute; z-index: 8; right: 12px; width: 43%; min-height: 44px; margin: 0; padding: 8px; font: 700 12px/1.35 'Space Mono', monospace; }
  .space-landing .request-trigger { left: auto; transform: none; bottom: max(66px, env(safe-area-inset-bottom)); }
  .mobile-island-tour { display: block; bottom: max(120px, calc(env(safe-area-inset-bottom) + 54px)); color: #ffc857; border: 1px solid #66523a; border-radius: 3px; background: #020609d9; cursor: pointer; }
  .space-landing .request-trigger svg { display: none; }
  .space-landing .quiz-link { position: absolute; left: 50%; bottom: max(8px, env(safe-area-inset-bottom)); transform: translateX(-50%); margin: 0; }
  .landmark-item .landmark-label { display: block; width: max-content; max-width: 1000px; white-space: normal; text-align: center; line-height: 1.3; transform: translateX(-50%); }
  .landmark-patch { transition-duration: 160ms; }
  .mobile-island-tour:focus-visible { outline: 2px solid #7ee7ff; outline-offset: 4px; }
}
@media (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
  .media-stage .hero-fallback, .media-stage .hero-motion-video { object-fit: cover; }
}
@media (max-width: 1100px) and (max-height: 600px) and (orientation: landscape) {
  .space-landing { height: 100dvh; min-height: 0; padding: 0; }
  .space-landing .media-stage, .space-landing .landmark-stage { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; transform: none; mask-image: none; min-height: 0; }
  .media-stage .hero-fallback, .media-stage .hero-motion-video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .space-landing .proposition { right: auto; width: 30%; }
  .space-landing .proposition { top: max(8px, env(safe-area-inset-top)); left: max(12px, env(safe-area-inset-left)); margin: 0; padding: 0; }
  .space-landing .proposition h1 { font-size: 18px; }
  .space-landing .proposition p { font-size: 16px; }
  .space-landing .request-trigger, .mobile-island-tour { width: 26%; }
  .space-landing .request-trigger { bottom: max(8px, env(safe-area-inset-bottom)); }
  .mobile-island-tour { bottom: max(8px, env(safe-area-inset-bottom)); right: calc(26% + 22px); }
  .space-landing .quiz-link { left: 24px; transform: none; }
}