/* Sections rest visible. The fade-up only applies once site.js has run: the head script adds .js to , and site.js adds .is-revealed as each band scrolls in. Without JavaScript, or if the script fails, nothing is hidden. */ @media (prefers-reduced-motion: no-preference) { .js .band > .wrap > * { transition: opacity var(--dur-reveal) var(--ease-reveal), transform var(--dur-reveal) var(--ease-reveal); } .js .band:not(.is-revealed) > .wrap > * { opacity: .001; transform: translateY(14px); } .js .band.is-revealed > .wrap > * { opacity: 1; transform: none; } .js .band.is-revealed > .wrap > *:nth-child(2) { transition-delay: 90ms; } .js .band.is-revealed > .wrap > *:nth-child(3) { transition-delay: 180ms; } .js .band.is-revealed > .wrap > *:nth-child(4) { transition-delay: 270ms; } .js .shot img { transition: transform 1200ms var(--ease-reveal); transform: scale(1.06); } .js .band.is-revealed .shot img { transform: scale(1); } }