/* Local motion study for the company and automotive entrance pages. */
.motion-study{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-accent:#004de8}
.motion-study.automotive-theme{--motion-accent:#b42332}
.motion-study .motion-page-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:4px;background:var(--motion-accent);transform:scaleX(0);transform-origin:left center;pointer-events:none}

@keyframes motion-study-enter{
  from{opacity:.35;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

.motion-study .v-about-hero .wrap,
.motion-study.automotive-theme .division-hero-copy{
  animation:motion-study-enter 1000ms var(--motion-ease) both;
}

/* Each chapter gains a visible editorial marker as it enters the viewport. */
.motion-study #company,.motion-study #factory-video,.motion-study #our-factory,
.motion-study.automotive-theme #automotive-ranges{position:relative}
.motion-study #company::before,.motion-study #factory-video::before,.motion-study #our-factory::before,
.motion-study.automotive-theme #automotive-ranges::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--motion-accent);
  transform:scaleX(0);transform-origin:left center;transition:transform 950ms var(--motion-ease)
}
.motion-study #company.is-in-view::before,.motion-study #factory-video.is-in-view::before,
.motion-study #our-factory.is-in-view::before,.motion-study.automotive-theme #automotive-ranges.is-in-view::before{transform:scaleX(1)}
.motion-study #company .v-company-profile>div:first-child,
.motion-study #factory-video .v-factory-intro>div:first-child{
  opacity:.45;transform:translate3d(0,48px,0);
  transition:opacity 900ms var(--motion-ease),transform 900ms var(--motion-ease)
}
.motion-study #company.is-in-view .v-company-profile>div:first-child,
.motion-study #factory-video.is-in-view .v-factory-intro>div:first-child{opacity:1;transform:none}

/* Factory footage is its own distinct chapter, while the evidence photos remain compact. */
.motion-study #factory-video{background:#12202e;color:#dfe9f3}
.motion-study #factory-video h2{color:#fff}
.motion-study #factory-video p{color:#c8d5e1}
.motion-study #factory-video a{color:#9fc0ff}
.motion-study #factory-video figcaption{color:#bac8d4}

/* A measured sequence of actual factory evidence, without enlarging the photos. */
.motion-study #factory-video .v-factory-intro figure{
  opacity:.35;
  transform:translate3d(64px,0,0);
  transition:opacity 1050ms var(--motion-ease),transform 1050ms var(--motion-ease);
}
.motion-study #factory-video.is-in-view .v-factory-intro figure{
  opacity:1;
  transform:translate3d(0,0,0);
}
.motion-study #factory-video video{
  display:block;
  border:1px solid #dfe3e8;
}
.motion-study #our-factory .v-factory-grid{
  counter-reset:factory-step;
  border-top:1px solid #dfe3e8;
  padding-top:28px;
}
.motion-study #our-factory .v-factory-grid figure{
  counter-increment:factory-step;
  opacity:.35;
  transform:translate3d(0,64px,0);
  transition:opacity 900ms var(--motion-ease),transform 900ms var(--motion-ease);
}
.motion-study #our-factory .v-factory-grid figure:nth-child(2){transition-delay:180ms}
.motion-study #our-factory .v-factory-grid figure:nth-child(3){transition-delay:360ms}
.motion-study #our-factory .v-factory-grid figure.is-in-view{
  opacity:1;
  transform:translate3d(0,0,0);
}
.motion-study #our-factory figcaption strong::before{
  content:"0" counter(factory-step) " / ";
  color:#004de8;
  font-size:.72rem;
  letter-spacing:.08em;
}

/* The automotive scene crossfades; only the image moves, never the buying copy. */
.motion-study.automotive-theme .division-carousel .scene-slide{
  transform:scale(1.025);
  transition:opacity 680ms ease,transform 7000ms linear;
}
.motion-study.automotive-theme .division-carousel .scene-slide.is-active{
  transform:scale(1);
}
.motion-study.automotive-theme .category-row .part{
  opacity:.35;
  transform:translate3d(0,64px,0);
  transition:opacity 900ms var(--motion-ease),transform 900ms var(--motion-ease);
}
.motion-study.automotive-theme .category-row .part:nth-child(2){transition-delay:180ms}
.motion-study.automotive-theme .category-row .part:nth-child(3){transition-delay:360ms}
.motion-study.automotive-theme .category-row .part.is-in-view{
  opacity:1;
  transform:translate3d(0,0,0);
}
.motion-study.automotive-theme .category-row .part img{
  transition:transform 450ms var(--motion-ease);
}
.motion-study.automotive-theme .category-row .part:hover img,
.motion-study.automotive-theme .category-row .part:focus-within img{
  transform:scale(1.025);
}

@media(prefers-reduced-motion:reduce){
  .motion-study .motion-page-progress{display:none}
  .motion-study .v-about-hero .wrap,
  .motion-study.automotive-theme .division-hero-copy{animation:none}
  .motion-study #company::before,.motion-study #factory-video::before,.motion-study #our-factory::before,
  .motion-study.automotive-theme #automotive-ranges::before{transform:none;transition:none}
  .motion-study #company .v-company-profile>div:first-child,
  .motion-study #factory-video .v-factory-intro>div:first-child,
  .motion-study #factory-video .v-factory-intro figure,
  .motion-study #our-factory .v-factory-grid figure,
  .motion-study.automotive-theme .category-row .part,
  .motion-study.automotive-theme .division-carousel .scene-slide,
  .motion-study.automotive-theme .category-row .part img{
    opacity:1;
    transform:none;
    transition:none;
  }
}