section.trigger-in .container{opacity:1;transition:opacity 2s}section.trigger-out .container{opacity:0;transition:opacity 0s}section h2.trigger-in,section h3.trigger-in{opacity:1;transform:translateX(0);transition:opacity 1s,transform .5s ease-out}section h2.trigger-out,section h3.trigger-out{opacity:0;transform:translateX(-5rem);transition:opacity 0s,transform 0s}section header h2.trigger-in,section header h3.trigger-in{opacity:1;transform:translateY(0);transition:opacity 1s,transform 1s ease-out}section header h2.trigger-out,section header h3.trigger-out{opacity:0;transform:translateY(-5rem);transition:opacity 0s,transform 0s}section .areoi-tabs nav.trigger-in,section p.circle-beneath.trigger-in{opacity:1;transform:translateX(0);transition:opacity 1s,transform .5s ease-out}section .areoi-tabs nav.trigger-out,section p.circle-beneath.trigger-out{opacity:0;transform:translateX(5rem);transition:opacity 0s,transform 0s}section figure.featured.trigger-in{opacity:1;transform:translateY(0);transition:opacity 1s,transform 2s ease-out}section figure.featured.trigger-out{opacity:0;transform:translateY(-5rem);transition:opacity 0s,transform 0s}section a.btn.trigger-in{opacity:1;transform:translateY(0);transition:opacity 1s,transform 2s ease-out}section a.btn.trigger-out{opacity:0;transform:translateY(5rem);transition:opacity 0s,transform 0s}