.intro{display:flex;flex-direction:column;padding:0 16px}.intro--center{text-align:center}@media (min-width:1024px){.intro{flex-direction:row;gap:30px;justify-content:space-between}.intro--center{flex-direction:column;gap:16px}.intro--center .intro__body,.intro--center .intro__heading{flex:none;width:100%}.intro--right{flex-direction:row-reverse}.intro__heading{flex:0 0 34%;opacity:0;transform:translateX(-50px);transition:opacity .6s ease-out,transform .6s ease-out}.intro__heading.in-view{opacity:1;transform:translateX(0)}.intro__body{flex:0 0 58%;opacity:0;transform:translateX(50px);transition:opacity .6s ease-out,transform .6s ease-out}.intro__body.in-view{opacity:1;transform:translateX(0)}}