/* Scoped motion for static pages; Home and Services do not load this file. */
.motion-enabled [data-motion-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 560ms cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms), transform 560ms cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms); }
.motion-enabled [data-motion-reveal].is-visible { opacity: 1; transform: none; }
.motion-enabled .site-header a, .motion-enabled .shell-header a, .motion-enabled .footer a, .motion-enabled .footer-socials a { transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease; }
.motion-enabled .site-header a:focus-visible, .motion-enabled .shell-header a:focus-visible, .motion-enabled .footer a:focus-visible, .motion-enabled .footer-socials a:focus-visible, .motion-enabled .about-text-link:focus-visible, .motion-enabled .back-link:focus-visible, .motion-enabled .wf-back:focus-visible, .motion-enabled .rent-back:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: 4px; }
.motion-enabled .portfolio-project { position: relative; isolation: isolate; }
.motion-enabled .portfolio-project::after { content:""; position:absolute; inset:0; border:1px solid transparent; border-radius:inherit; pointer-events:none; transition:border-color 200ms ease, box-shadow 200ms ease; }
.motion-enabled .portfolio-project:hover::after, .motion-enabled .portfolio-project:focus-visible::after { border-color:rgba(23,105,255,.35); box-shadow:inset 0 0 0 3px rgba(23,105,255,.06); }
.motion-enabled .portfolio-project img, .motion-enabled .about-projects a img, .motion-enabled .journey-page figure img, .motion-enabled .wf-section figure img, .motion-enabled .rent-hero-visual img { transition:transform 500ms cubic-bezier(.22,1,.36,1); }
.motion-enabled .portfolio-project:hover img, .motion-enabled .portfolio-project:focus-visible img, .motion-enabled .about-projects a:hover img, .motion-enabled .about-projects a:focus-visible img, .motion-enabled .journey-page figure:hover img, .motion-enabled .wf-section figure:hover img, .motion-enabled .rent-hero-visual:hover img { transform:scale(1.03); }
.motion-enabled .portfolio-project h3 { transition:transform 200ms ease, color 200ms ease; }
.motion-enabled .portfolio-project:hover h3, .motion-enabled .portfolio-project:focus-visible h3 { transform:translateX(3px); }
.motion-enabled .back-link:hover, .motion-enabled .wf-back:hover, .motion-enabled .rent-back:hover { transform:translateX(-3px); }
.motion-enabled .kira-flow::before, .motion-enabled .wf-timeline::before, .motion-enabled .rent-roadmap-list::before { transform-origin:left center; transition:transform 900ms cubic-bezier(.22,1,.36,1); }
.motion-enabled .kira-flow:not(.is-visible)::before, .motion-enabled .wf-timeline:not(.is-visible)::before, .motion-enabled .rent-roadmap-list:not(.is-visible)::before { transform:scaleX(0); }
@keyframes static-number-in { from { opacity:0; transform:translateY(12px) scale(.96); } to { opacity:1; transform:none; } }
.motion-enabled .about-number.is-visible { animation:static-number-in 620ms cubic-bezier(.22,1,.36,1) both; }
@media (prefers-reduced-motion: reduce) {
  .motion-enabled [data-motion-reveal], .motion-enabled [data-motion-reveal].is-visible, .motion-enabled .about-number.is-visible, .motion-enabled .kira-flow::before, .motion-enabled .wf-timeline::before, .motion-enabled .rent-roadmap-list::before, .motion-enabled .portfolio-project img, .motion-enabled .about-projects a img, .motion-enabled .journey-page figure img, .motion-enabled .wf-section figure img, .motion-enabled .rent-hero-visual img { animation:none; opacity:1; transform:none; transition:none; }
}