/* One interaction rhythm for the existing Lichtatelier components. */
:root{
  --motion-press:120ms;
  --motion-ui:200ms;
  --motion-light:220ms;
  --motion-arrive:240ms;
  --motion-media:560ms;
  --motion-ease:cubic-bezier(.23,1,.32,1);
  --motion-fade:cubic-bezier(.4,0,.2,1);
}
.studio-primary,.header .header-contact,.hero .secondary,
.controls button,.pagination button,.closing-motion-toggle,
.case-gallery-arrow,.case-gallery-toggle,.header .menu-toggle,
.privacy-banner .privacy-choice,.privacy-banner .privacy-details-button,.privacy-close{
  transition:scale var(--motion-press) var(--motion-ease),box-shadow var(--motion-ui) var(--motion-ease),background-color var(--motion-ui) ease,color var(--motion-ui) ease,border-color var(--motion-ui) ease;
}
.studio-primary:not(:disabled):active,.header .header-contact:active,.hero .secondary:active,
.controls button:not(:disabled):active,.pagination button:active,.closing-motion-toggle:active,
.case-gallery-arrow:active,.case-gallery-toggle:active,.header .menu-toggle:active,
.privacy-banner .privacy-choice:active,.privacy-banner .privacy-details-button:active,.privacy-close:active{
  scale:.98;
  transition-duration:var(--motion-press);
}
.studio-primary::before,.header .header-contact::before,.studio-primary .action-arrow::before{
  transition:opacity var(--motion-light) var(--motion-ease);
}
.studio-primary .action-arrow svg,.header .header-contact>svg,.hero .secondary svg{
  transition:transform var(--motion-light) var(--motion-ease);
}
.showcase .slide,.showcase .phone-slide{
  transition:opacity var(--motion-media) var(--motion-fade);
  transform:none;
}
.showcase[data-slide-input="keyboard"] .slide,.showcase[data-slide-input="keyboard"] .phone-slide{
  transition:none;
}
.case-gallery[data-slide-input="keyboard"] .case-gallery-slide,
.case-gallery[data-slide-input="keyboard"] .case-gallery-slide.is-active{
  transition:none;
}
.contact-submit:disabled{
  scale:1;
  transition:none;
}
.contact-submit:disabled::before,.contact-submit:disabled .action-arrow::before{
  opacity:0;
  transition:none;
}
.contact-submit:disabled .action-arrow svg{
  transform:none;
  transition:none;
}
@media(prefers-reduced-motion:reduce){
  .studio-primary,.header .header-contact,.hero .secondary,
  .controls button,.pagination button,.closing-motion-toggle,
  .case-gallery-arrow,.case-gallery-toggle,.header .menu-toggle,
  .privacy-banner .privacy-choice,.privacy-banner .privacy-details-button,.privacy-close{
    scale:1!important;
    transition:none;
  }
  .showcase .slide,.showcase .phone-slide,
  .case-gallery.is-enhanced .case-gallery-slide,.case-gallery.is-enhanced .case-gallery-slide.is-active{
    transition:none;
  }
}