/* Shared motion layer: calm, tactile movement across every page. */
.page-transition {
  position: fixed;
  inset: 0;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 15% 18%, rgba(255, 211, 55, .28), transparent 28%),
    radial-gradient(circle at 84% 72%, rgba(0, 155, 150, .24), transparent 34%),
    linear-gradient(135deg, #fff3df, #f4e7dc 48%, #e2f0eb);
  transform: scale(1.04);
  transition: opacity .42s ease, transform .58s cubic-bezier(.2,.75,.25,1);
}

body.page-is-leaving .page-transition {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

body.motion-ready main,
body.motion-ready .site-footer {
  animation: page-content-enter .72s cubic-bezier(.2,.75,.25,1) both;
}

@keyframes page-content-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.scroll-progress {
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, #ff5a32, #ffd337 42%, #009b96);
  box-shadow: 0 1px 8px rgba(0, 120, 110, .22);
  pointer-events: none;
}

body.motion-ready main .motion-reveal,
body.motion-ready .site-footer.motion-reveal {
  opacity: 0;
  transform: translateY(28px) scale(.985);
  filter: blur(2px);
  transition:
    opacity .72s ease,
    transform .82s cubic-bezier(.2,.75,.25,1),
    filter .72s ease;
}

body.motion-ready main .motion-reveal.is-inview,
body.motion-ready .site-footer.motion-reveal.is-inview {
  opacity: 1;
  transform: none;
  filter: none;
}

body.motion-ready .motion-stagger > * {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .58s ease, transform .72s cubic-bezier(.2,.75,.25,1);
  transition-delay: calc(var(--motion-index, 0) * 70ms);
}

body.motion-ready .motion-stagger.is-inview > * {
  opacity: 1;
  transform: none;
}

body.motion-ready main img[data-motion-image] {
  opacity: 0;
  transform: scale(1.035);
  filter: saturate(.9) blur(4px);
  transition: opacity .68s ease, transform 1s cubic-bezier(.2,.75,.25,1), filter .75s ease;
}

body.motion-ready main img[data-motion-image].is-loaded {
  opacity: 1;
  transform: none;
  filter: none;
}

body.motion-ready .motion-hover {
  will-change: transform, filter, box-shadow;
  transition: filter .28s ease, box-shadow .32s ease, transform .32s cubic-bezier(.2,.75,.25,1);
}

body.motion-ready .motion-hover:hover,
body.motion-ready .motion-hover:focus-visible {
  filter: saturate(1.08) brightness(1.02);
  box-shadow: 0 18px 38px rgba(23, 62, 55, .16);
}

body.motion-ready .motion-hover.motion-lift:hover,
body.motion-ready .motion-hover.motion-lift:focus-visible {
  transform: translateY(-4px);
}

body.motion-ready .site-nav a,
body.motion-ready .button,
body.motion-ready .event-action,
body.motion-ready .press-read-button,
body.motion-ready .social-links a,
body.motion-ready .menu-toggle {
  transition: color .25s ease, background-color .25s ease, border-color .25s ease,
    box-shadow .3s ease, transform .3s cubic-bezier(.2,.75,.25,1), filter .25s ease;
}

body.motion-ready .site-nav a:hover,
body.motion-ready .site-nav a:focus-visible {
  transform: translateY(-2px);
}

body.motion-ready .site-footer .social-links a:hover,
body.motion-ready .site-footer .social-links a:focus-visible {
  transform: translateY(-4px) rotate(-3deg);
}

@media (prefers-reduced-motion: reduce) {
  .page-transition,
  .scroll-progress { display: none !important; }

  body.motion-ready main,
  body.motion-ready .site-footer,
  body.motion-ready main .motion-reveal,
  body.motion-ready .site-footer.motion-reveal,
  body.motion-ready .motion-stagger > *,
  body.motion-ready main img[data-motion-image] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
  }
}