/* Quiet editorial motion for the public studio. */
@media (prefers-reduced-motion: no-preference) {
  .hero-media { transform-origin: center; animation: studio-hero-drift 18s ease-in-out infinite alternate; }
  .hero > p, .hero > h1, .hero > a { animation: studio-hero-enter .9s both; }
  .hero > h1 { animation-delay: .11s; }.hero > a { animation-delay: .22s; }
  .studio-motion-target { opacity: 0; transform: translateY(22px); transition: opacity .72s ease, transform .72s cubic-bezier(.2,.7,.2,1); }
  .studio-motion-target.is-visible { opacity: 1; transform: translateY(0); }
  .tiles a, .studio-portfolio-item { transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease; }
  .tiles a:hover, .studio-portfolio-item:hover { transform: translateY(-7px); box-shadow: 0 16px 30px rgba(45,32,25,.18); }
  .tiles a img, .studio-portfolio-item img { transition: transform .65s ease, filter .45s ease; }
  .tiles a:hover img, .studio-portfolio-item:hover img { transform: scale(1.045); filter: saturate(1.05); }
}
@keyframes studio-hero-drift { from { transform: scale(1.015); } to { transform: scale(1.055) translateX(-.35%); } }
@keyframes studio-hero-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }