﻿/* Gold peacock feathers follow scroll at two depths. All content stays in flow. */
.isg-motion-scene { position:fixed; inset:140px 0 0; z-index:0; overflow:hidden; contain:strict; pointer-events:none; user-select:none; }
.isg-motion-depth { position:absolute; inset:-80px -2%; transform-origin:center; }
.jainam-feather { position:absolute; display:block; object-fit:contain; height:auto; }
.jainam-feather--left { width:clamp(170px,19vw,300px); left:-15px; top:16%; rotate:-18deg; opacity:.42; }
.jainam-feather--right { width:clamp(140px,16vw,250px); right:-15px; top:34%; rotate:17deg; scale:-1 1; opacity:.28; }
.isg-motion-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; margin:10px 0 0; padding:7px 12px; border:1px solid var(--border); border-radius:5px; background:var(--canvas); color:var(--muted); font:400 11px/1.4 var(--font-ui); cursor:pointer; }
.isg-motion-toggle svg { width:12px; height:12px; }
.isg-motion-toggle:hover { color:var(--gold); border-color:var(--gold); }
.isg-motion-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.isg-effects-active .isg-motion-depth { will-change:transform; }
@media (max-width:1100px) {
  .jainam-feather--left { left:-50px; opacity:.25; }
  .jainam-feather--right { right:-40px; opacity:.2; }
}
@media (max-width:767px) {
  .isg-motion-scene { inset:84px 0 72px; }
  .jainam-feather--left { width:170px; left:-60px; top:8%; opacity:.2; }
  .jainam-feather--right { width:150px; right:-55px; top:48%; opacity:.18; }
  .isg-motion-toggle { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) {
  .isg-motion-depth { transform:none !important; will-change:auto; }
}
