/* Alternate stillness and moving landscapes. */
@media (prefers-reduced-motion: no-preference) {
  .esp-observation-ready .esp-narrow::before {
    transform: scaleX(0);
    transition: transform 650ms ease;
  }
  .esp-observation-ready h2,
  .esp-observation-ready p {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 750ms ease, transform 750ms ease;
  }
  .esp-observation-ready h2 { transition-delay: 180ms; }
  .esp-observation-ready p { transition-delay: 340ms; }
  .esp-observation-ready p + p { transition-delay: 460ms; }
  .esp-observation-visible .esp-narrow::before { transform: scaleX(1); }
  .esp-observation-visible h2,
  .esp-observation-visible p { opacity: 1; transform: none; }
}
.esp-roots-pause { min-height:75vh; display:flex; align-items:center; background:linear-gradient(rgba(16,24,37,.76),rgba(16,24,37,.8)),url("../img/espiralika/raices-estrellas-desktop.webp") center / cover; }
.esp-roots-pause > .container, .esp-art-nature > .container { width:100%; }
.esp-art-nature { min-height:65vh; display:flex; align-items:center; padding:100px 0; background-attachment:scroll; }
.esp-art-nature-copy { max-width:700px; margin:0 auto; text-align:left; }
.esp-art-nature h2 { font-family:"Cinzel",serif; font-weight:400; }
.esp-final-band { background-attachment:scroll; }
@media (min-width:992px) and (prefers-reduced-motion:no-preference) {
  @supports (background-attachment:fixed) { .esp-roots-pause, .esp-cosmos-break { background-attachment:fixed; } }
}
@media (max-width:991px) {
  .esp-roots-pause, .esp-art-nature { min-height:auto; padding:88px 0; }
  .esp-roots-pause { background-image:linear-gradient(rgba(16,24,37,.76),rgba(16,24,37,.8)),url("../img/espiralika/raices-estrellas-mobile.webp"); }
  .esp-roots-pause, .esp-cosmos-break { background-attachment:scroll; }
}
@media (prefers-reduced-motion:reduce) { .esp-roots-pause, .esp-art-nature, .esp-final-band, .esp-cosmos-break { background-attachment:scroll; } }