/* Rogervoice /work clone — hand-built interactivity layer (mega-menu, reveal, gallery, carousel).
   Self-contained, namespaced rv*  — does not depend on the captured Tailwind classes. */

:root{
  --rv-navy:#13383B; --rv-mint:#B4FFED; --rv-ice:#E3FEF7; --rv-teal:#176C5F;
  --rv-muted:#EDF8F5; --rv-border:rgba(19,56,59,.12); --rv-shadow:0 26px 60px -24px rgba(19,56,59,.38);
}

/* ---------------- MEGA MENU (wrapper only; content is the original's exact markup, styled by the clone's own Tailwind CSS) ---------------- */
.rvmm-panel{
  position:fixed; z-index:9999; left:50%; top:0;
  transform:translateX(-50%) translateY(-8px);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .16s ease, transform .18s ease, visibility 0s linear .18s;
  background:#fff; border:1px solid var(--rv-border); border-radius:20px;
  box-shadow:var(--rv-shadow); overflow:hidden;
}
.rvmm-panel.rv-open{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateX(-50%) translateY(0);
  transition:opacity .18s ease, transform .24s cubic-bezier(.22,1,.36,1), visibility 0s;
}
@media (max-width:900px){ .rvmm-panel{display:none !important;} }

/* ---------------- SCROLL REVEAL ---------------- */
.rv-reveal{opacity:1; transform:none; transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1);}
.rv-reveal.rv-in{opacity:1; transform:none;}
.rv-reveal:not(.rv-in){animation:none;}
@keyframes rvRevealSafe{to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){ .rv-reveal{opacity:1 !important; transform:none !important; transition:none;} }

/* ---------------- FOUR-CALLS GALLERY EXPAND ---------------- */
.rv-fc-row > *{transition:flex-grow .7s cubic-bezier(.16,1,.3,1), flex-basis .7s cubic-bezier(.16,1,.3,1);}

/* ---------------- AWARD QUOTE SPACING (restore mt-8 the theme resets on <figure>) ---------------- */
.rvclone-root figure.mt-8{ margin-top:2rem !important; }

/* ---------------- ACCESSIBILITY plugin button (site chrome, not part of the clone; renders in a shadow root — hide the host) ---------------- */
#INDShadowRootHost, #INDshadowRootWrap, #INDmenu-btn, #INDbtnWrap, .INDbtnWrap{ display:none !important; }

/* ---------------- MOBILE MENU DRAWER (exact original markup, styled by the clone's own Tailwind) ---------------- */
.rvmob-overlay{position:fixed; inset:0; z-index:99998; background:rgba(19,56,59,.42); opacity:0; visibility:hidden; transition:opacity .25s ease, visibility 0s linear .25s;}
.rvmob-overlay.rv-open{opacity:1; visibility:visible; transition:opacity .25s ease;}
.rvmob-drawer{
  position:fixed; top:0; right:0; bottom:0; z-index:99999; width:92vw; max-width:420px; height:100%;
  background:#fff; box-shadow:-20px 0 60px -28px rgba(19,56,59,.5); border-left:1px solid var(--rv-border);
  transform:translateX(102%); transition:transform .5s cubic-bezier(.32,.72,0,1);
  display:flex; flex-direction:column; overflow:hidden;
}
.rvmob-drawer.rv-open{transform:translateX(0); transition:transform .5s cubic-bezier(.32,.72,0,1);}
.rvmob-acc-panel[hidden]{display:none;}
@media (min-width:1024px){ .rvmob-overlay, .rvmob-drawer{display:none !important;} }