/* OMERVIA v25 — approved semantic hero + real transparent hand/phone master. */
.clarity-portal-v24 .hero-v24-product,
.clarity-portal-v24 .clarity-shell-v22,
.clarity-portal-v24 .hero-v22-grid{overflow:visible!important}
.clarity-portal-v24 .hero-device-crop,
.clarity-portal-v24 .hero-device-semantic{display:none!important}
.clarity-portal-v24 .hero-device-photo{position:absolute;z-index:4;left:-5%;bottom:-4%;width:61%;height:104%;overflow:visible;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-start}
.clarity-portal-v24 .hero-device-photo img{display:block;width:auto;height:100%;max-width:none;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 28px 45px rgba(0,0,0,.34));transform:rotate(-1.2deg);transform-origin:48% 90%;user-select:none}
.clarity-portal-v24 .hero-context-card,.clarity-portal-v24 .hero-engine-node,.clarity-portal-v24 .hero-host-card,.clarity-portal-v24 .hero-map-label{z-index:6}
.clarity-portal-v24 .hero-link-map{z-index:2}
.clarity-portal-v24 .hero-link-map path{stroke:url(#heroLinkGradientV24)!important}
@media(max-width:1100px){.clarity-portal-v24 .hero-device-photo{left:-4%;bottom:-3%;width:62%;height:101%}}
@media(max-width:780px){.clarity-portal-v24 .hero-v22-grid{grid-template-rows:auto minmax(280px,1fr)!important;gap:5px!important}.clarity-portal-v24 .hero-v22-product{min-height:280px!important;height:100%!important;overflow:visible!important}.clarity-portal-v24 .hero-device-photo{left:-4%;bottom:-4%;width:61%;height:105%}.clarity-portal-v24 .hero-device-photo img{height:100%;transform:rotate(-.6deg)}.clarity-portal-v24 .hero-context-card{right:0!important;top:4%!important}.clarity-portal-v24 .hero-engine-node{right:3%!important;top:45%!important}.clarity-portal-v24 .hero-host-card{right:0!important;bottom:4%!important}}
@media(max-width:360px){.clarity-portal-v24 .hero-v22-grid{grid-template-rows:auto minmax(235px,1fr)!important}.clarity-portal-v24 .hero-v22-product{min-height:235px!important}.clarity-portal-v24 .hero-context-list{display:none!important}.clarity-portal-v24 .hero-device-photo{left:-5%;width:63%;height:103%}.clarity-portal-v24 .hero-engine-node{top:43%!important}.clarity-portal-v24 .hero-host-card{bottom:2%!important}}
@media(prefers-reduced-motion:reduce){.clarity-portal-v24 .hero-device-photo img{transform:none!important}}

/* v26 — align the four hero benefits with the text column, not the device column. */
@media (min-width:781px){
  .clarity-portal-v24 .hero-v22-benefits{
    width:min(100%,560px);
    margin-left:-18px;
    margin-right:auto;
  }
  .clarity-portal-v24 .hero-benefit{
    align-items:center;
    text-align:center;
    padding-left:8px;
    padding-right:8px;
  }
  .clarity-portal-v24 .hero-benefit svg{
    margin-left:auto;
    margin-right:auto;
  }
  .clarity-portal-v24 .hero-benefit span{
    margin-left:auto;
    margin-right:auto;
  }
}

/* v27 — every photographic property frame belongs to the single #story scroll timeline.
   The methodology previously repeated pool-final as a second full-screen photograph,
   which visually looked like a second house image stacked below the cinematic stage. */
.methodology-journey-v23 .methodology-pool-v23{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.methodology-journey-v23 .methodology-sticky-v23{
  background:radial-gradient(circle at 50% 42%,rgba(22,92,81,.14),transparent 38%),#041514!important;
}

/* v28 — semantic hero is one screen only. Property photography begins exclusively in #story.
   The legacy v20 clarity-preview was still sitting behind the v24 hero and became visible while
   the 175/178svh portal section scrolled, creating a second full-width property image immediately
   above the actual sticky story. */
.clarity-hero.clarity-portal.clarity-portal-v24{
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
}
.clarity-portal-v24 .clarity-portal-sticky{
  position:relative!important;
  top:auto!important;
  height:100svh!important;
  min-height:100svh!important;
}
.clarity-portal-v24 .clarity-preview,
.clarity-portal-v24 .portal-panel,
.clarity-portal-v24 .portal-seam{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
@media(max-width:780px){
  .clarity-hero.clarity-portal.clarity-portal-v22.clarity-portal-v24{
    height:100svh!important;
    min-height:100svh!important;
  }
}


/* v29 — owner-approved compact property journey: 7 frames, ending at living-front. */
@media (min-width:781px){.story{height:532vh!important;min-height:0!important}}
@media (max-width:780px){.story{height:532svh!important;min-height:0!important}}
@media (prefers-reduced-motion:reduce){.story{height:100svh!important;min-height:100svh!important}}