/* AURA Zuid — Motion tokens
   Cinematic and unhurried. Nothing bounces, nothing overshoots — nav, image reveals
   and folds all resolve with a slow decelerate curve. Fades always travel upward
   (translateY + opacity), never sideways or scaled. */

:root {
  --ease-standard: ease; /* @kind other */
  --ease-cinematic: cubic-bezier(.16, .7, .24, 1); /* @kind other */

  /* button/link hover */
  --duration-fast: 0.25s; /* @kind other */
  /* nav bg, logo color swap, border color */
  --duration-base: 0.4s; /* @kind other */
  /* faq expand */
  --duration-slow: 0.45s; /* @kind other */
  /* .reveal fade-up */
  --duration-fade: 1s; /* @kind other */
  /* hero text fade-up */
  --duration-fade-slow: 1.2s; /* @kind other */
  /* apartment tier expand/collapse grid-rows */
  --duration-fold: 1.1s; /* @kind other */
  /* tier image scale-in */
  --duration-image-fold: 1.6s; /* @kind other */
  /* story image scale-in (118% -> 100%) */
  --duration-image-story: 2.2s; /* @kind other */
  /* hero background slow zoom-out on load */
  --duration-hero-zoom: 16s; /* @kind other */

  /* hero text travel distance */
  --fade-up-distance: 22px; /* @kind other */
  /* .reveal travel distance */
  --fade-up-distance-lg: 30px; /* @kind other */

  /* hero eyebrow */
  --stagger-1: 0.3s; /* @kind other */
  /* hero h1 */
  --stagger-2: 0.6s; /* @kind other */
  /* hero subhead */
  --stagger-3: 0.9s; /* @kind other */
  /* hero ctas */
  --stagger-4: 1.2s; /* @kind other */
}