/* Home page sections: fit one screen on laptop-height windows, and keep text clear of the fixed logo bar. */
@media (min-width:640px){
.full .panel{padding-top:clamp(5.5rem,13vh,8rem)!important;padding-bottom:clamp(2rem,6vh,5rem)!important}
.full .title{font-size:clamp(1.5rem,min(1.3rem + 1.3vw,.6rem + 4.2vh),2.35rem)!important;margin-bottom:clamp(.75rem,2vh,1.5rem)!important}
}
@media (min-width:640px) and (max-height:820px){
.full .body{line-height:1.6!important}
.full .body .actions{margin-top:1.25rem!important}
.full .list{margin-top:1rem!important}
.full .list a{padding:.6rem 0!important;line-height:1.4!important}
}
@media (min-width:640px) and (max-height:700px){
.full .body{line-height:1.5!important;font-size:.95rem!important}
.full .list a{padding:.4rem 0!important;font-size:.95rem!important}
.full .eyebrow{margin-bottom:.4rem!important}
}

/* Phones and tablets: move one section per swipe (a fast flick can no longer skip sections),
   and let the last swipe land on the start of the footer instead of the very bottom of the page. */
@media (max-width:899px) and (prefers-reduced-motion:no-preference){
html.home main>section{scroll-snap-stop:always}
html.home .site-footer{scroll-snap-align:start}
}

/* Logo: cross-fade between the blue and white versions instead of cutting between them. */
.site-header .brand{position:relative;display:block}
.site-header .logo-color,.site-header .logo-white{display:block!important;transition:opacity .7s ease,visibility 0s linear 0s}
.site-header .logo-white{position:absolute;left:0;top:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.site-header[data-tone=dark] .logo-color,.site-header.is-open .logo-color{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.site-header[data-tone=dark] .logo-white,.site-header.is-open .logo-white{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s linear 0s}
@media (prefers-reduced-motion:reduce){.site-header .logo-color,.site-header .logo-white{transition:none!important}}

/* "Skip to content": show only for real keyboard use (Tab), not after the back-to-top button is clicked. */
.skip-link:focus:not(:focus-visible){top:-4rem}