/*
  Confiado — shared scroll-reveal motion.
  Usage: add data-reveal to any section/element you want to fade+slide in on
  scroll. shared/js/scroll-reveal.js adds .is-revealed when it enters the
  viewport. Respects prefers-reduced-motion (G15 Accessibility by Default) —
  reveal happens instantly with no motion when the user has that preference.
*/
@media (prefers-reduced-motion: no-preference) {
  [data-reveal] {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
    will-change: opacity, transform;
  }
  [data-reveal].is-revealed {
    opacity: 1;
    transform: none;
    will-change: auto;
  }
  [data-reveal-group] > [data-reveal]:nth-child(1) { transition-delay: 0ms; }
  [data-reveal-group] > [data-reveal]:nth-child(2) { transition-delay: 80ms; }
  [data-reveal-group] > [data-reveal]:nth-child(3) { transition-delay: 160ms; }
  [data-reveal-group] > [data-reveal]:nth-child(4) { transition-delay: 240ms; }
  [data-reveal-group] > [data-reveal]:nth-child(5) { transition-delay: 320ms; }
  [data-reveal-group] > [data-reveal]:nth-child(6) { transition-delay: 400ms; }
}

/* Pause control for looping animations (see shared/js/motion-toggle.js) */
[data-motion-region]{position:relative}
.gs-motion-btn{position:absolute;left:10px;top:10px;z-index:6;display:grid!important;place-items:center;box-sizing:border-box!important;width:34px!important;height:34px!important;min-width:0;min-height:0;margin:0;padding:0!important;border:1px solid rgba(15,32,52,.18)!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#0e1b2b!important;font:inherit;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(15,32,52,.18)!important;opacity:1!important;filter:none!important;transition:transform .15s ease}
[data-motion-pos="out"]>.gs-motion-btn{top:-46px;left:0}
.gs-motion-btn:hover{transform:scale(1.08)}
.gs-motion-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.gs-motion-btn svg{display:block!important;width:16px!important;height:16px!important;max-width:none;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round;stroke-linejoin:round}
[data-motion-region][data-paused="true"][data-paused],[data-motion-region][data-paused="true"][data-paused] *,[data-motion-region][data-paused="true"][data-paused] *::before,[data-motion-region][data-paused="true"][data-paused] *::after{animation-play-state:paused!important}