/* Page layout primitives and reveal animations */
.wrap{max-width:1480px;margin:0 auto;padding:0 56px}
@media (max-width: 820px){ .wrap{ padding:0 22px } }

section{position:relative;padding:140px 0}
@media (max-width: 820px){ section{ padding:88px 0 } }

.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1), transform 1.1s cubic-bezier(.2,.7,.2,1)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.1s}
.reveal[data-delay="2"]{transition-delay:.22s}
.reveal[data-delay="3"]{transition-delay:.36s}
.reveal[data-delay="4"]{transition-delay:.5s}
.reveal[data-delay="5"]{transition-delay:.64s}

.split .ch{display:inline-block;opacity:0;transform:translateY(.7em) rotate(4deg);transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1)}
.split.is-in .ch{opacity:1;transform:none}