/* Keep the hero copy aligned with the page's inner content. */
.header nav{font-size:20px;gap:38px}
.header .back{font-size:18px;white-space:nowrap}
.hero-copy{margin-left:max(72px,calc((100% - 1320px)/2 + 32px));padding:138px 0 90px;width:min(610px,calc(100% - 128px))}
.hero h1{font-size:64px;line-height:1.5}
.hero p{font-size:22px;line-height:1.85}
.hero .eyebrow{font-size:15px}
.hero .outline{font-size:18px;padding:17px 26px}
.hero-bottom{left:max(72px,calc((100% - 1320px)/2 + 32px));font-size:13px}
@media(max-width:1100px){
 .header nav{font-size:18px;gap:22px}
 .header .back{font-size:16px}
 .hero-copy{margin-left:52px;width:560px}
 .hero h1{font-size:58px}
 .hero-bottom{left:52px}
}
@media(min-width:701px) and (max-width:900px){
 .header{flex-wrap:wrap;height:auto;padding-top:18px;padding-bottom:18px}
 .header nav{order:3;width:100%;justify-content:center}
 .hero-copy{margin-left:40px;width:540px}
 .hero-bottom{left:40px}
}
@media(max-width:700px){
 .header nav{font-size:16px;gap:10px}
 .header .back{font-size:14px}
 .hero-copy{margin-left:28px;width:calc(100% - 64px);padding:92px 0 100px}
 .hero h1{font-size:36px;line-height:1.55}
 .hero p{font-size:18px;line-height:1.9}
 .hero .eyebrow{font-size:13px}
 .hero .outline{font-size:16px;padding:15px 22px;gap:36px}
 .hero-bottom{left:28px;right:32px;font-size:11px}
}
@media(max-width:360px){
 .hero-copy{margin-left:24px;width:calc(100% - 52px)}
 .hero h1{font-size:30px}
 .hero p{font-size:16px}
 .hero-bottom{left:24px;right:26px}
}