#hero{background-position:46% center}@media screen and (min-width: 35.5em){#hero{background-position:40% center}}#hero h1,#hero p,#hero blockquote{font-size:clamp(2rem,7vw,7rem);color:#fff}#hero blockquote{margin:0}#hero blockquote h1{font-size:clamp(3rem,4vw,3rem);font-weight:400}.cards{flex-wrap:wrap;flex-direction:row;gap:var(--sm);justify-content:center}.cards .card{flex-basis:100%;margin-top:var(--md)}@media screen and (min-width: 35.5em){.cards .card{flex-basis:25%}}@media screen and (min-width: 64em){.cards .card{flex-basis:30%}}.cards .card img{margin-bottom:var(--sm)}