/* Native vertical scrolling is the main navigation, including on folding phones. */
.page-home .home-main{display:block;overflow:clip;background:#040811}
.page-home [data-main-chapter]{position:relative;scroll-margin-top:0}
.page-home .hero{height:auto;min-height:100svh}
.page-home #business{height:clamp(640px,calc(100svh - 88px),780px);min-height:640px;padding-block:30px 26px;border-top:1px solid #b9dfff26}
.page-home #business .cap-heading h2{font-size:26px;line-height:1.5;font-weight:500;letter-spacing:-.04em;white-space:nowrap}
.page-home #team{min-height:calc(100svh - 88px);padding:38px 0 32px;border-top:1px solid #b9dfff26}
.page-home #team-title{font-size:clamp(25px,2.5vw,38px);font-weight:500;line-height:1.5;letter-spacing:-.035em;color:#edf5fc}
.page-home .hero-bottom{gap:24px}
.page-home .hero-bottom>a.chapter-scroll-cue{display:inline-flex;align-items:center;gap:13px;min-height:44px;font-size:11px;color:#b4d5ed;white-space:nowrap}
.page-home .chapter-scroll-cue>span:last-child{color:#9bd5ff;font-size:22px}
.page-home .hero-bottom>.chapter-links{margin-left:auto}
.page-home .hero-bottom>a[href^="mailto:"]{display:none}
@media(max-width:1150px) and (min-width:761px){
 .page-home #business{min-height:700px}
 .page-home .hero{min-height:max(720px,100svh)}
}
@media(max-width:760px){
 .page-home [data-main-chapter]{scroll-margin-top:42px}
 .page-home .hero{min-height:max(740px,100svh)}
 .page-home #business{height:auto;min-height:calc(100svh - 72px);padding-block:28px 26px}
 .page-home #business .cap-heading h2{font-size:24px}
 .page-home #team{min-height:calc(100svh - 72px);padding:30px 0 26px}
 .page-home #team-title{font-size:25px}
 .page-home .hero-bottom{flex-wrap:wrap;gap:4px;padding-top:6px}
 .page-home .hero-bottom>a.chapter-scroll-cue{justify-content:center;width:100%;min-height:44px;font-size:10px}
 .page-home .hero-bottom>.chapter-links{margin:0}
}
