/*
 * Subtler motion. Loaded after aos.css and main.css so it overrides them.
 * Delete this file (and its <link> in src/layouts/Base.astro) to restore the original, stronger animations.
 *
 * Original -> now
 *   scroll reveal travel   100px   -> 14px
 *   scroll reveal duration 1000ms  -> 600ms
 *   reveal delays          200-800 -> about 40% of that
 *   brand tab fade         5s      -> 0.5s
 *   section colour wipe    1.2s    -> 0.7s
 */

/* Scroll reveals: shorter travel */
html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,14px,0);transform:translate3d(0,14px,0)}
html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-14px,0);transform:translate3d(0,-14px,0)}
html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-14px,0,0);transform:translate3d(-14px,0,0)}
html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(14px,0,0);transform:translate3d(14px,0,0)}

/* Scroll reveals: shorter duration, gentler easing */
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:.6s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}

/* Scroll reveals: shorter stagger */
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.08s}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.12s}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.16s}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.22s}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.24s}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.28s}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.32s}

/* Brand tab panel and coloured section wipe */
.vertical-tab__content{transition:all .5s}
.gradient-overlay{transition:width .7s ease-out}

/* Visitors who ask their system for less motion get none */
@media (prefers-reduced-motion: reduce){
  [data-aos]{transition:none !important;transform:none !important;opacity:1 !important}
  .vertical-tab__content,.gradient-overlay{transition:none !important}
  html{scroll-behavior:auto !important}
}