.title{position:relative;display:flex;flex-direction:column;gap:15px}.title__title{color:#fff}.title__subtitle{color:#cad1d7}.title--position-start{align-items:flex-start}.title--position-center{align-items:center;text-align:center}.title--color-subtitle-gray-1 .title__subtitle{color:#cad1d7}.title--color-subtitle-gray-2 .title__subtitle{color:#b4bdcd}.title--color-subtitle-gray-3 .title__subtitle{color:#7f8796}.title--color-subtitle-white-25 .title__subtitle{color:hsla(0,0%,100%,.25)}.title--color-subtitle-white-75 .title__subtitle{color:hsla(0,0%,100%,.75)}:root{--content-padding:30px}@media(max-width:400px){:root{--content-padding:15px}}.fade-in-on-scroll{position:relative;display:block;opacity:0;transition:opacity .7s ease-out,transform .7s ease-out}.fade-in-on-scroll--translate-y{transform:translateY(100px)}.fade-in-on-scroll--visible{opacity:1;transform:translateY(0)}