/* Film movement: image, focus and typography share one restrained rhythm. */
@media (prefers-reduced-motion: no-preference){
  .hero-goat .hero-gallery .hero-image.is-current{animation:brevko-camera 2.8s linear both}
  @keyframes brevko-camera{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1.2%,.6%,0)}}
  .hero-goat .hero-sign{animation:brevko-title-in 1s cubic-bezier(.16,1,.3,1) both}
  .hero-goat h1 em{animation:brevko-title-in 1s .15s cubic-bezier(.16,1,.3,1) both}
  .hero-goat .hero-lower{animation:brevko-title-in .8s .42s cubic-bezier(.16,1,.3,1) both}
  @keyframes brevko-title-in{from{opacity:0;transform:translate3d(0,55px,0);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}
  .hero-goat .hero-cta b{animation:brevko-arrow 1.8s ease-in-out infinite}
  @keyframes brevko-arrow{50%{transform:translate3d(4px,5px,0)}}

  .portfolio-gateway{transition:grid-template-columns 1.35s cubic-bezier(.22,.61,.36,1)}
  .portfolio-gateway.motion-second{grid-template-columns:1fr 1.22fr}
  .portfolio-gateway-card{transition:border-color .8s,box-shadow .8s}
  .portfolio-gateway-card.is-spotlight{border-color:#00d2e8;box-shadow:inset 0 0 0 1px #00d2e87a,0 0 38px #00d2e81d}
  .portfolio-gateway-card img{transform:scale(1.045);transition:transform 4.8s ease,filter 1.2s ease}
  .portfolio-gateway-card.is-spotlight img{transform:scale(1.12) translate3d(-1%,0,0);filter:grayscale(.08) brightness(.88) saturate(1.1)}
  .portfolio-gateway-card .gateway-title{transition:transform 1s cubic-bezier(.22,.61,.36,1),color .8s}
  .portfolio-gateway-card.is-spotlight .gateway-title{transform:translateY(-9px);color:#fff}
  .portfolio-gateway-card:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(360px circle at var(--pointer-x,50%) var(--pointer-y,50%),#00d2e830,transparent 72%);opacity:0;transition:opacity .35s}
  .portfolio-gateway-card:hover:after{opacity:1}
  .portfolio-gateway-card .gateway-number,.portfolio-gateway-card .gateway-title,.portfolio-gateway-card .gateway-count,.portfolio-gateway-card .gateway-arrow{z-index:1}

  .motion-enhanced .motion-item{opacity:0;filter:blur(9px);transform:translate3d(0,48px,0);transition:opacity .85s ease,filter 1s ease,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--motion-delay,0ms)}
  .motion-enhanced .motion-item.motion-in{opacity:1;filter:none;transform:none}
  .motion-enhanced .motion-item.motion-from-left{transform:translate3d(-58px,0,0)}
  .motion-enhanced .motion-item.motion-from-right{transform:translate3d(58px,0,0)}
  .motion-enhanced .motion-item.motion-from-left.motion-in,.motion-enhanced .motion-item.motion-from-right.motion-in{transform:none}
  .motion-enhanced .brand-item.motion-item{filter:none;transform:translate3d(0,20px,0);transition-duration:.6s,.6s,.7s}
  .motion-enhanced .brand-item.motion-item.motion-in{transform:none}
  .motion-enhanced .artist-directory.motion-item{filter:none}
}
@media(max-width:620px){.portfolio-gateway.motion-second{grid-template-columns:1fr}.portfolio-gateway-card .gateway-title{transition-duration:.7s}}
@media(prefers-reduced-motion:reduce){.hero-goat .hero-gallery .hero-image.is-current,.hero-goat .hero-sign,.hero-goat h1 em,.hero-goat .hero-lower,.hero-goat .hero-cta b{animation:none!important}.portfolio-gateway,.portfolio-gateway-card,.portfolio-gateway-card img,.portfolio-gateway-card .gateway-title{transition:none!important}}
