/* Interior pages share the quiet arrival rhythm of the approved homepage. */
@keyframes alvea-interior-photo {
  from { opacity: .72; transform: scale(1.035); }
  to { opacity: 1; transform: none; }
}

@keyframes alvea-interior-copy {
  from { opacity: .68; transform: translate3d(0, 8px, 0); }
  to { opacity: 1; transform: none; }
}

.interior-page .ent-hero-image img,
.interior-page .imm-hero-image img,
.interior-page .inside-hero-image {
  animation: alvea-interior-photo .95s cubic-bezier(.16, 1, .3, 1) both;
}

.interior-page .ent-hero-content > *,
.interior-page .imm-hero-content > *,
.interior-page .inside-hero-inner > * {
  animation: alvea-interior-copy .55s cubic-bezier(.16, 1, .3, 1) both;
}

.interior-page .ent-hero-content > :nth-child(1),
.interior-page .imm-hero-content > :nth-child(1),
.interior-page .inside-hero-inner > :nth-child(1) { animation-delay: .06s; }
.interior-page .ent-hero-content > :nth-child(2),
.interior-page .imm-hero-content > :nth-child(2),
.interior-page .inside-hero-inner > :nth-child(2) { animation-delay: .12s; }
.interior-page .ent-hero-content > :nth-child(3),
.interior-page .imm-hero-content > :nth-child(3),
.interior-page .inside-hero-inner > :nth-child(3) { animation-delay: .18s; }
.interior-page .ent-hero-content > :nth-child(n+4),
.interior-page .imm-hero-content > :nth-child(n+4),
.interior-page .inside-hero-inner > :nth-child(n+4) { animation-delay: .24s; }

.inner-page .contact-intro h1,
.inner-page .contact-intro > p {
  animation: alvea-interior-copy .55s cubic-bezier(.16, 1, .3, 1) both;
}
.inner-page .contact-intro h1 { animation-delay: .06s; }
.inner-page .contact-intro > p { animation-delay: .16s; }

/* On light sections, photographs should never emerge from an empty black box. */
.interior-page .motion-reveal-image:not(.is-revealed) { opacity: .58; }
.interior-page .motion-reveal-text:not(.is-revealed) { opacity: .58; transform: translate3d(0, 12px, 0); }

@media (prefers-reduced-motion: reduce) {
  .interior-page .ent-hero-image img,
  .interior-page .imm-hero-image img,
  .interior-page .inside-hero-image,
  .interior-page .ent-hero-content > *,
  .interior-page .imm-hero-content > *,
  .interior-page .inside-hero-inner > *,
  .inner-page .contact-intro h1,
  .inner-page .contact-intro > p { animation: none; }
}