main{padding-top:5rem}img{max-width:100%}section.hero{background-image:linear-gradient(to top,var(--blue) 7rem,var(--white) 7rem);.padx{@media (max-width:639px){--padx:2.5%}}.copy{--padx:5%;padding-left:var(--padx);padding-right:var(--padx);@media (min-width:640px){--padx:0}}.content{align-items:center;display:grid;gap:5rem;grid-template-columns:1fr;@media (min-width:1024px){grid-template-columns:47rem 1fr}header{@media (min-width:1024px){padding-bottom:7rem}.overline{font-size:2.2rem;font-weight:var(--bold);letter-spacing:.2em}p{text-wrap:balance}}}}