/* Homepage only: breathing room and a consistent left-aligned section lead. */
.hero{padding:76px 0 68px}
.hero h1{margin-bottom:28px}
.hero p{line-height:1.65;margin-bottom:16px}
.hero .button{margin-top:14px}
.fields{padding:60px 0 64px}
.fields-heading{display:block;margin-bottom:36px}
.fields-heading .subline{display:block;padding-left:30px;margin-top:16px;line-height:1.8;text-align:left}
.fields-heading .subline:before{display:none}
.field p{line-height:1.65}
.field .formats{margin-bottom:26px}
.complex,.effect{padding:64px 0}
.complex p,.effect p{line-height:1.65}
.complex h2,.effect h2{margin-bottom:22px}
.questions{margin:20px 0;line-height:1.8}
.questions li+li{margin-top:5px}
.outcomes{margin-bottom:24px}
.outcomes>div{padding:16px 0}
.about{padding:56px 0}
.about p{line-height:1.65;margin-bottom:20px;max-width:68ch}
.contact{padding:56px 0}
.contact-copy{text-align:left}
.contact p{line-height:1.65;margin-bottom:10px}
.contact .button{margin-top:14px}
.contact .contact-region{margin:22px 0 0}
@media(max-width:1150px){.fields-heading .subline{padding-left:30px}}
@media(max-width:800px){
 .hero{padding:56px 0 52px}
 .fields{padding:44px 0 48px}
 .grid{row-gap:36px}
 .complex,.effect{padding:48px 0}
 .split,.effect-layout,.about,.contact-layout{gap:30px}
 .about,.contact{padding:44px 0}
}
@media(max-width:500px){
 .hero{padding:44px 0 42px}
 .hero h1{margin-bottom:24px}
 .hero p{line-height:1.65}
 .fields{padding:36px 0 40px}
 .fields-heading{margin-bottom:30px}
 .fields-heading .subline{padding-left:18px;margin-top:14px;text-align:left}
 .grid{row-gap:26px}
 .field,.field:first-child,.field:nth-child(3),.field:last-child{padding-bottom:28px}
 .field:last-child{padding-bottom:0}
 .complex,.effect{padding:38px 0}
 .complex p,.effect p,.about p,.contact p{font-size:16px}
 .complex h2,.effect h2{margin-bottom:18px}
 .split,.effect-layout,.about,.contact-layout{gap:26px}
 .about,.contact{padding:36px 0}
 .outcomes>div{padding:16px 0}
}