/* K2 PLUS – Main stylesheet: ONLY @keyframes (approved 2026-10-31). Everything else lives in the BEM class styles. */

/* hero__sheet: the printed sheets land one after another */
@keyframes k2-land {
  from { opacity: 0; transform: translateY(-3rem) rotate(6deg); }
  to { opacity: 1; transform: none; }
}
/* hero__sheet: slight floating */
@keyframes k2-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -4px; }
}
/* hero__sheet::after: light passing over laminated paper (0.9 s of a 6 s cycle) */
@keyframes k2-gloss {
  0% { translate: -120% 0; }
  15%, 100% { translate: 120% 0; }
}
/* hero__sticker + hero__cmyk */
@keyframes k2-pop {
  0% { opacity: 0; scale: 0.4; }
  70% { opacity: 1; scale: 1.08; }
  100% { opacity: 1; scale: 1; }
}
@keyframes k2-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* print-strip__track: two copies of the list, slide by one copy */
@keyframes k2-strip {
  to { translate: -50% 0; }
}
/* print-strip__bar: colour patches move by one pattern (360 px) */
@keyframes k2-bar {
  to { translate: -360px 0; }
}
/* .to-top appears after the first screen (scroll-driven, see animation-range) */
@keyframes k2-appear {
  to { opacity: 1; visibility: visible; translate: 0 0; }
}
/* service-card__media: the photo drops onto the table like a sheet (seen from above: turned, closer, big soft shadow → flat) */
@keyframes k2-settle {
  from { transform: perspective(50rem) translate3d(-12%, -5rem, 0) rotateX(55deg) rotateY(-18deg) rotateZ(-12deg); filter: brightness(1.3) drop-shadow(0 3rem 2rem color-mix(in oklch, var(--secondary) 35%, transparent)); opacity: 0; }
  30% { opacity: 1; }
  72% { transform: perspective(50rem) translate3d(0, 0.25rem, 0) rotateX(-5deg) rotateY(2deg) rotateZ(0.8deg); filter: brightness(1.04) drop-shadow(0 0.4rem 0.4rem color-mix(in oklch, var(--secondary) 18%, transparent)); opacity: 1; }
  to { transform: none; filter: none; opacity: 1; }
}
/* service-card__media on desktop: first, calm version (tilts back up from 16°, fades in) */
@keyframes k2-settle-soft {
  from { transform: perspective(60rem) translateY(2rem) rotateX(16deg); opacity: 0; }
  to { transform: none; opacity: 1; }
}