/* Site-wide tile / hero / idle motion — same ease vars as page slide and J desk. */
html {
  --aktuell-ease: cubic-bezier(0.55, 0, 0.15, 1);
  --aktuell-tile-ease: var(--aktuell-ease);
  --aktuell-tile-ms: 0.7s;
  --aktuell-headline-ease: cubic-bezier(0.05, 0.7, 0.1, 1);
  --aktuell-headline-ms: 1.2s;
}

html.aktuell-scroll-elastic,
html.aktuell-scroll-smooth {
  scroll-behavior: auto;
}

.project-item {
  transition-property: opacity, transform;
  transition-duration: var(--aktuell-tile-ms, 0.7s);
  transition-timing-function: var(--aktuell-tile-ease, var(--aktuell-ease, cubic-bezier(0.55, 0, 0.15, 1)));
}

.projects-grid:not(.list-view) .project-item:not(.is-hero):not(.is-flipped):not(.is-pressing) .project-thumbnail {
  transition-property: transform, box-shadow;
  transition-duration: var(--aktuell-tile-ms, 0.7s);
  transition-timing-function: var(--aktuell-tile-ease, var(--aktuell-ease, cubic-bezier(0.55, 0, 0.15, 1)));
}

.projects-grid:not(.list-view) .project-item:not(.is-hero):not(.is-flipped):not(.is-pressing):hover .project-thumbnail {
  transform: scale(1.012);
}

.projects-grid:not(.list-view) .project-item.is-pressing:not(.is-hero):not(.is-flipped) {
  transition-property: transform;
  transition-duration: 150ms;
  transition-timing-function: var(--aktuell-ease, cubic-bezier(0.55, 0, 0.15, 1));
}

.projects-grid:not(.list-view) .project-item.is-hero .project-card-inner {
  transition-property: transform, width, height, opacity, box-shadow;
  transition-duration: var(--flip-dur, 0.58s);
  transition-timing-function: var(--aktuell-ease, var(--flip-ease, cubic-bezier(0.55, 0, 0.15, 1)));
}

.project-card-inner {
  transition-timing-function: var(--aktuell-ease, var(--flip-ease, cubic-bezier(0.55, 0, 0.15, 1)));
}

.inspiration-image,
.inspiration-item {
  transition-timing-function: var(--aktuell-tile-ease, var(--aktuell-ease, cubic-bezier(0.55, 0, 0.15, 1)));
}

.inspiration-image {
  transition-property: transform;
  transition-duration: var(--aktuell-tile-ms, 0.7s);
}

.hero-text,
.projects-hero-line,
.hero-line {
  transition-timing-function: var(--aktuell-ease, cubic-bezier(0.55, 0, 0.15, 1));
}

.projects-group-title,
.projects-group-date,
.projects-group-description,
.projects-group-heading {
  transition-timing-function: var(--aktuell-headline-ease, cubic-bezier(0.05, 0.7, 0.1, 1));
}

@media (prefers-reduced-motion: reduce) {
  html.aktuell-scroll-elastic,
  html.aktuell-scroll-smooth,
  html.aktuell-scroll-native {
    scroll-behavior: auto;
  }

  .project-item,
  .project-card-inner,
  .projects-grid:not(.list-view) .project-item:not(.is-hero):not(.is-flipped):not(.is-pressing) .project-thumbnail,
  .inspiration-image,
  .inspiration-item {
    transition-duration: 0.01ms;
  }

  .projects-grid:not(.list-view) .project-item:not(.is-hero):not(.is-flipped):not(.is-pressing):hover .project-thumbnail {
    transform: none;
  }
}
