:root{--home-motion-css:1}

@media (prefers-reduced-motion:no-preference){
  .home-motion-boot :where(
    .hero-heading>div:first-child>.overline,
    .hero-display,
    .hero-intro>h1,
    .hero-intro>.subtle,
    .hero-intro>.button,
    .exhibit-passport,
    .exhibit-image,
    .hero-colophon,
    .album-heading>.section-number,
    .album-heading>div>.overline,
    .album-heading>div>h2,
    .album-heading>.section-lead,
    .album-heading>.text-link,
    .process-story-head,
    .process-story-tabs,
    .process-story-panels,
    .process-story-foot,
    .process-entry>*,
    .feature-title>*,
    .hemc-layout>.album-photo,
    .hemc-layout>.hemc-story,
    .journal-home .journal-section-intro>div,
    .journal-home .journal-section-intro>a,
    .journal-home .journal-card,
    .selection-heading>*,
    .selection-grid>.selection-card,
    .craft-topline,
    .craft-copy>*,
    .craft-photo>a,
    .craft-photo>figcaption,
    .material-caption,
    .material-sequence>li,
    .additional-intro>*,
    .service-lines>article,
    .company-reading-heading>*,
    .company-opening,
    .company-columns>article,
    .company-services>*,
    .company-closing,
    .restored-reading>.restored-section-heading>*,
    .restored-reading-grid>.restored-reading-card,
    .contact-layout>div>*,
    .contact-layout>.brief-form,
    .footer-grid>*
  ),
  .home-motion-active .home-motion-item{
    opacity:0;
  }

  .home-motion-active .home-motion-item{
    transition-property:opacity;
    transition-duration:820ms;
    transition-timing-function:cubic-bezier(.35,.1,.25,1);
    transition-delay:var(--home-motion-delay,0ms);
  }

  .home-motion-active [data-home-motion="headline"]{
    opacity:1;
    transition:none;
  }

  .home-motion-active .home-motion-line{
    display:block;
    overflow:clip;
    overflow-clip-margin:.14em;
  }

  .home-motion-active .home-motion-line-content{
    display:block;
    opacity:0;
    translate:0 110%;
    transition:translate 1150ms cubic-bezier(.35,.1,.25,1),opacity 900ms cubic-bezier(.35,.1,.25,1);
    transition-delay:calc(var(--home-motion-delay,0ms) + var(--line-delay,0ms));
  }

  .hero-heading .hero-display span.home-motion-line,
  .hero-heading .hero-display span.home-motion-line-content{
    color:inherit;
  }

  .home-motion-active [data-home-motion="photo"]{
    clip-path:inset(0 0 18% 0);
    transition:opacity 1100ms cubic-bezier(.35,.1,.25,1),clip-path 1450ms cubic-bezier(.35,.1,.25,1);
    transition-delay:var(--home-motion-delay,0ms);
  }

  .home-motion-active [data-home-motion="photo"]>img{
    scale:1.035;
    transition:opacity 1000ms cubic-bezier(.35,.1,.25,1),scale 1450ms cubic-bezier(.35,.1,.25,1);
    transition-delay:0ms,var(--home-motion-delay,0ms);
  }

  .home-motion-active [data-home-motion="passport"]{
    translate:-24px 0;
    transition-property:opacity,translate;
    transition-duration:1050ms;
  }

  .home-motion-active [data-home-motion="card"]{
    translate:0 26px;
    transition-property:opacity,translate;
    transition-duration:1050ms,1100ms;
  }

  .home-motion-active .home-motion-item.is-home-visible{
    opacity:1;
    translate:0 0;
  }

  .home-motion-active [data-home-motion="headline"].is-home-visible .home-motion-line-content{
    opacity:1;
    translate:0 0;
  }

  .home-motion-active [data-home-motion="photo"].is-home-visible{
    clip-path:inset(0);
  }

  .home-motion-active [data-home-motion="photo"].is-home-visible>img{
    scale:1;
  }

  .home-motion-active .home-motion-item:is(.home-motion-immediate,:focus-within){
    opacity:1;
    translate:none;
    clip-path:none;
    transition:none;
  }

  .home-motion-active .home-motion-item:is(.home-motion-immediate,:focus-within) :is(.home-motion-line-content,img){
    opacity:1;
    translate:none;
    scale:1;
    transition:none;
  }

  .home-motion-active .home-motion-image{
    opacity:1;
    transition:opacity 1000ms cubic-bezier(.35,.1,.25,1),scale 1450ms cubic-bezier(.35,.1,.25,1),transform 300ms ease;
  }

  .home-motion-active .home-motion-image-pending{
    opacity:0;
  }

  .home-motion-active:not(.home-motion-ready) .home-motion-item,
  .home-motion-active:not(.home-motion-ready) .home-motion-item *{
    transition:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-motion-item,
  .home-motion-image,
  .home-motion-line-content,
  [data-home-motion="photo"]>img{
    opacity:1!important;
    translate:none!important;
    scale:1!important;
    clip-path:none!important;
    transition:none!important;
  }
}

@media print{
  .home-motion-boot *,
  .home-motion-active .home-motion-item,
  .home-motion-active .home-motion-image,
  .home-motion-active .home-motion-line-content,
  [data-home-motion="photo"]>img{
    opacity:1!important;
    translate:none!important;
    scale:1!important;
    clip-path:none!important;
    transition:none!important;
  }
}
