/* Motion designed around the current main-page editorial composition. */
.motion-enabled .main-page .home-cover-accent {
  opacity: 0;
  transform: rotate(-11deg) scaleX(.12);
  transform-origin: left center;
  animation: home-brush-paint 1.65s .08s cubic-bezier(.18, .68, .2, 1) both;
}

.motion-enabled .main-page .home-cover-jesus,
.motion-enabled .main-page .home-cover-girls,
.motion-enabled .main-page .home-cover-hero h1 em {
  opacity: 0;
}

.motion-enabled .main-page .home-cover-jesus {
  animation: home-title-left 1.75s .12s cubic-bezier(.16, .72, .18, 1) both;
}

.motion-enabled .main-page .home-cover-girls {
  animation: home-title-rise 1.8s .18s cubic-bezier(.16, .72, .18, 1) both;
}

.motion-enabled .main-page .home-cover-hero h1 em {
  animation: home-title-right 1.8s .18s cubic-bezier(.16, .72, .18, 1) both;
}

.motion-enabled .main-page .home-cover-support {
  opacity: 0;
  animation: home-support-open 1.55s .32s cubic-bezier(.2, .68, .2, 1) both;
}

.motion-enabled .main-page .home-layout-panel {
  opacity: 0;
}

.motion-enabled .main-page .home-layout-panel-left {
  animation: home-panel-left 1.95s .26s cubic-bezier(.16, .72, .18, 1) both;
}

.motion-enabled .main-page .home-layout-panel-centre {
  animation: home-panel-centre 2.05s .2s cubic-bezier(.16, .72, .18, 1) both;
}

.motion-enabled .main-page .home-layout-panel-right {
  animation: home-panel-right 1.95s .26s cubic-bezier(.16, .72, .18, 1) both;
}

.motion-enabled .main-page .home-cover-hero::before {
  opacity: 0;
  animation: home-handnote-in 1.65s .5s cubic-bezier(.2, .68, .2, 1) both;
}

.motion-enabled .main-page .home-cover-hero::after {
  opacity: 0;
  transform-origin: left center;
  animation: home-note-rule 1.45s .58s cubic-bezier(.2, .68, .2, 1) both;
}

.motion-enabled .main-page .home-motion-reveal {
  opacity: .12;
  transform: translate3d(0, 64px, 0) scale(.985);
  will-change: opacity, transform;
}

.motion-enabled .main-page .home-motion-reveal.is-visible,
.motion-enabled body.main-page > footer.home-motion-reveal.is-visible {
  animation: home-section-enter 1.75s cubic-bezier(.16, .68, .18, 1) both;
}

/* The opener ribbon already moves horizontally; keep it fixed vertically. */
.motion-enabled .main-page .home-content-opener.home-motion-reveal,
.motion-enabled .main-page .home-content-opener.home-motion-reveal.is-visible {
  opacity: 1;
  transform: none;
  animation: none;
  will-change: auto;
}

/* Current Dr Lu and hub compositions enter as complete editorial features. */
.motion-enabled .main-page .girl-to-know.drlu-motion .girl-to-know-heading,
.motion-enabled .main-page .girl-to-know.drlu-motion .girl-to-know-title,
.motion-enabled .main-page .girl-to-know.drlu-motion .girl-to-know-photo,
.motion-enabled .main-page .girl-to-know.drlu-motion .girl-to-know-roles,
.motion-enabled .main-page .girl-to-know.drlu-motion .girl-to-know-copy,
.motion-enabled .main-page .hub-event.vision-motion .hub-event-intro,
.motion-enabled .main-page .hub-event.vision-motion .hub-event-stage {
  opacity: .1;
  transform: translate3d(0, 52px, 0);
  will-change: opacity, transform;
}

.motion-enabled .main-page .girl-to-know.drlu-motion.is-visible .girl-to-know-heading,
.motion-enabled .main-page .girl-to-know.drlu-motion.is-visible .girl-to-know-title,
.motion-enabled .main-page .girl-to-know.drlu-motion.is-visible .girl-to-know-photo,
.motion-enabled .main-page .girl-to-know.drlu-motion.is-visible .girl-to-know-roles,
.motion-enabled .main-page .girl-to-know.drlu-motion.is-visible .girl-to-know-copy,
.motion-enabled .main-page .hub-event.vision-motion.is-visible .hub-event-intro,
.motion-enabled .main-page .hub-event.vision-motion.is-visible .hub-event-stage {
  animation: home-feature-enter 1.75s cubic-bezier(.16, .68, .18, 1) both;
}

@keyframes home-brush-paint {
  to { opacity: .96; transform: rotate(-11deg) scaleX(1); }
}

@keyframes home-title-left {
  from { opacity: 0; transform: translate3d(-76px, 0, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes home-title-rise {
  from { opacity: 0; transform: translate3d(0, 54px, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes home-title-right {
  from { opacity: 0; transform: translate3d(76px, 0, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes home-support-open {
  from { opacity: 0; clip-path: inset(0 48% 0 48%); }
  to { opacity: 1; clip-path: inset(0); }
}

@keyframes home-panel-left {
  from { opacity: 0; clip-path: inset(0 100% 0 0); transform: translate3d(-44px, 24px, 0); }
  to { opacity: 1; clip-path: inset(0); transform: none; }
}

@keyframes home-panel-centre {
  from { opacity: 0; clip-path: inset(100% 0 0); transform: translate3d(0, 62px, 0) scale(.96); }
  to { opacity: 1; clip-path: inset(0); transform: none; }
}

@keyframes home-panel-right {
  from { opacity: 0; clip-path: inset(0 0 0 100%); transform: translate3d(44px, 24px, 0); }
  to { opacity: 1; clip-path: inset(0); transform: none; }
}

@keyframes home-handnote-in {
  from { opacity: 0; transform: translate3d(28px, 16px, 0) rotate(2deg); }
  to { opacity: 1; transform: rotate(-3deg); }
}

@keyframes home-note-rule {
  from { opacity: 0; transform: rotate(-3deg) scaleX(.08); }
  to { opacity: 1; transform: rotate(-3deg) scaleX(1); }
}

@keyframes home-section-enter {
  from { opacity: .12; transform: translate3d(0, 64px, 0) scale(.985); }
  to { opacity: 1; transform: none; }
}

@keyframes home-feature-enter {
  from { opacity: .1; transform: translate3d(0, 52px, 0); }
  to { opacity: 1; transform: none; }
}

.motion-restored .main-page .home-cover-accent,
.motion-restored .main-page .home-cover-hero h1 > *,
.motion-restored .main-page .home-cover-support,
.motion-restored .main-page .home-layout-panel,
.motion-restored .main-page .home-motion-reveal,
.motion-restored .main-page .girl-to-know > *,
.motion-restored .main-page .girl-to-know-profile > *,
.motion-restored .main-page .hub-event-intro,
.motion-restored .main-page .hub-event-stage {
  opacity: 1;
  animation: none !important;
  transform: none;
}