/* 3D sky ad canvas (sky-ads-3d-v2.js). Above the hero's background art and
   scrim (#hero::before z0, ::after z1), below the headline block (.rw-main z3). */
.sky3d {
  position:absolute; inset:0; z-index:2; width:100%; height:100%;
  pointer-events:none; opacity:0; transition:opacity .25s ease-out;
}
.sky3d.is-ready { opacity:1; }

@media (prefers-reduced-motion:reduce) { .sky3d { transition:none; } }

/* Hovering a craft: pointer cursor and a small glass tag by the cursor. */
#hero.sky3d-hover { cursor:pointer; }
.sky3d-tip {
  position:absolute; left:0; top:0; z-index:9; pointer-events:none;
  display:flex; flex-direction:column; gap:2px;
  padding:8px 12px; border-radius:12px;
  background:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.9);
  box-shadow:0 10px 24px rgba(36,26,77,.18);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  font:700 13px/1.2 Inter, system-ui, sans-serif; color:#2E2257;
  opacity:0; transition:opacity .15s ease; white-space:nowrap;
}
.sky3d-tip span { font-weight:600; font-size:11.5px; color:#6E58D6; }
#hero.sky3d-hover .sky3d-tip { opacity:1; }