.quote{margin:130px auto;max-width:var(--container-narrow-width);text-align:center}.quote__text{font-family:Saol Text,serif;font-size:48px;font-style:italic;font-weight:300;line-height:130%;margin:0;transition:line-height .6s ease}.quote__text p{margin:0}.quote__author{font-size:14px;margin-bottom:0;margin-top:15px}.quote.visible .quote__text{line-height:110%}.transitioning .quote{transition:all .8s ease}.leave .quote{opacity:0;transform:translateY(40px)}.leave .quote__text{line-height:150%}@media (max-width:900px){.quote{margin:100px auto}.quote__text{font-size:38px}}@media (max-width:600px){.quote{margin:80px auto}.quote__text{font-size:24px}}.text{opacity:0;transform:translateY(-20px);transition:opacity 1.5s cubic-bezier(.22,1,.36,1),transform 1.5s cubic-bezier(.22,1,.36,1)}.text.visible{opacity:1;transform:translateY(0)}