/* Motion enhances the existing layout; it never hides pending content. */
.hero.motion-enabled{overflow:clip}
.hero.motion-enabled .hero-image{
  transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotate(var(--hero-angle,0deg)) scale(1.055);
  transform-origin:center;
}
.hero.motion-moving .hero-image{will-change:transform}
@media(min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .button{transition:background-color 180ms ease,border-color 180ms ease}
  .button .arrow{transition:background-color 180ms ease}
  .button .arrow img{transition:transform 180ms cubic-bezier(.2,.7,.3,1)}
  .button:hover .arrow img,.button:focus-visible .arrow img{transform:translateX(3px)}
  .button:active .arrow img{transform:translateX(5px)}
  .model-card .model-photo{transition:box-shadow 220ms ease}
  .model-card:hover .model-photo,.model-card:focus-within .model-photo{box-shadow:0 3px 0 var(--ink)}
  .model-card:hover .card-details{text-decoration:underline}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .hero.motion-enabled .hero-image{transform:none!important;will-change:auto}
}