/* OMERVIA v33 — seamless portal → single sticky seven-scene property story.
   The story overlaps the portal by exactly one viewport. It remains hidden while
   the portal opens, becomes visible only at the handoff threshold, and therefore
   begins with frame 01 already at viewport top instead of entering from below. */
.clarity-hero.clarity-portal.clarity-portal-v24 + .story{
  margin-top:-100vh!important;
  margin-top:-100svh!important;
  position:relative!important;
  z-index:4!important;
  visibility:hidden;
}
.clarity-hero.clarity-portal.clarity-portal-v24[data-portal-handoff="1"] + .story{
  visibility:visible;
}
/* Keep every property frame inside one viewport after handoff. */
.clarity-hero.clarity-portal.clarity-portal-v24 + .story .story-sticky{
  position:sticky!important;
  top:0!important;
  width:100%!important;
  height:100vh!important;
  height:100svh!important;
  min-height:100vh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  padding:0!important;
}
.clarity-hero.clarity-portal.clarity-portal-v24 + .story .story-grid.shell,
.clarity-hero.clarity-portal.clarity-portal-v24 + .story .visual-stage,
.clarity-hero.clarity-portal.clarity-portal-v24 + .story .photo-story{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.clarity-hero.clarity-portal.clarity-portal-v24 + .story .photo-story .photo-layer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  display:block!important;
  object-fit:cover!important;
}
@media (prefers-reduced-motion:reduce){
  .clarity-hero.clarity-portal.clarity-portal-v24 + .story{
    margin-top:0!important;
    visibility:visible!important;
  }
}