/* IMPROCOSME V57.0.13 — LIVE RIGHT PANEL + HOVER + SPACING LOCK
   Built from the actual ONLINE structure:
   - crisp 2× no-text shadowbook panel
   - native text overlay
   - transparent/green button hover
   - intentional H1→prompt breathing room
   - content group moved lower without touching the bottom sister-link
*/

/* ---- RIGHT PANEL: same model as ONLINE, no screenshot/rasterized text ---- */
.landing-v56-8 .landing-right-live{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  container-type:inline-size!important;
}
.landing-v56-8 .landing-right-live-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center!important;
  max-width:none!important;
  max-height:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  image-rendering:auto!important;
}
.landing-v56-8 .landing-right-live-text{
  position:absolute!important;
  left:14.3%!important;
  top:14.6%!important;
  z-index:20!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  color:#111!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  font-size:52px!important; /* fallback */
  font-size:8.813559cqw!important; /* 52 / 590 */
  line-height:1!important;
  letter-spacing:-.04em!important;
  row-gap:30px!important; /* fallback */
  row-gap:5.084746cqw!important; /* (82 - 52) / 590 */
  white-space:nowrap!important;
}
.landing-v56-8 .landing-right-live-line{display:block!important;}
.landing-v56-8 .landing-right-live-line-2{
  margin-left:72px!important; /* fallback */
  margin-left:12.20339cqw!important; /* 72 / 590 */
}

/* ---- BUTTON HOVER: reveal the green panel exactly, on mouse and keyboard/tap focus ---- */
.landing-v56-8 a.landing-choice:hover,
.landing-v56-8 a.landing-choice:focus,
.landing-v56-8 a.landing-choice:focus-visible,
.landing-v56-8 a.landing-choice:active{
  background:transparent!important;
  background-color:transparent!important;
  color:#F0F0E8!important;
  border-color:#F0F0E8!important;
  outline:none!important;
  box-shadow:none!important;
  transform:none!important;
}
.landing-v56-8 a.landing-choice:hover span,
.landing-v56-8 a.landing-choice:hover small,
.landing-v56-8 a.landing-choice:focus span,
.landing-v56-8 a.landing-choice:focus small,
.landing-v56-8 a.landing-choice:focus-visible span,
.landing-v56-8 a.landing-choice:focus-visible small,
.landing-v56-8 a.landing-choice:active span,
.landing-v56-8 a.landing-choice:active small{
  color:#F0F0E8!important;
  opacity:1!important;
}

/* ---- DESKTOP SPACING ---- */
@media (min-width:1025px){
  /* Visible space between city name and prompt. */
  .landing-v56-8 h1{
    margin-bottom:22px!important;
  }
  /* Push facts/lead lower, using the free space underneath. */
  .landing-v56-8 .landing-prompt{
    margin:0 0 100px!important;
  }
  /* Buttons are positioned separately: move them down in the same rhythm. */
  .landing-v56-8 .landing-actions{
    top:46.8%!important;
  }
}

/* ---- TABLET / MOBILE SPACING ---- */
@media (max-width:1024px){
  .landing-v56-8 h1{
    margin-bottom:18px!important;
  }
  .landing-v56-8 .landing-prompt{
    margin:0 0 28px!important;
  }
}