/* Standalone guide additions, scoped so the interactive tool keeps its own styles. */
#engagement-site-sections{margin-top:64px;color:#fff;font-family:Inter,Arial,sans-serif}
#engagement-site-sections section{padding:64px 28px;margin:0}
#engagement-site-sections #intro{background:#16cbf6}
#engagement-site-sections .section-title{text-align:center}
#engagement-site-sections .section-title h1{color:#fff;font-size:clamp(36px,5vw,64px);line-height:.9;font-weight:900;text-transform:uppercase;margin:0 0 24px}
#engagement-site-sections .section-title h3{color:#0193bc;font-size:clamp(18px,2.4vw,28px);line-height:1.1;font-weight:900;margin:0 0 32px}
#engagement-site-sections #contact{background:#16cbf6 url(/img/background/contact.jpg) center/cover no-repeat;position:relative}
#engagement-site-sections #contact h3{color:#fff}
#engagement-site-sections #contact a{color:#fff;text-decoration:none}
#engagement-site-sections .button{display:inline-block;background:#fff;color:#16cbf6;border-radius:999px;padding:12px 20px;font-weight:900;text-decoration:none;margin:6px}
#engagement-site-sections .client-carousel{margin:32px auto}
#engagement-site-sections .client-track>.client-slide> .client{text-align:center}
#engagement-site-sections .client-track img{display:block;width:80%;max-width:200px;height:auto;margin:0 auto;box-sizing:border-box}
#engagement-site-sections .client-video-carousel .client-track img{max-width:240px}
#engagement-site-sections .client-track p{font-size:18px;color:#fff}
@media(max-width:599px){#engagement-site-sections section{padding:48px 16px}#engagement-site-sections #intro> .container> .row> .column>h3{padding-left:0!important;padding-right:0!important}#engagement-site-sections #contact a{font-size:clamp(18px,5vw,28px)!important}#engagement-site-sections #contact a>span{font-size:inherit!important}#engagement-site-sections #contact a span[style*="14vw"]{font-size:14vw!important}}
@media print{#engagement-site-sections{display:none!important}}

/* Full-viewport bands outside the standalone guide column. */
#engagement-site-sections{margin-left:-24px;margin-right:-24px}
#engagement-site-sections .container{max-width:1120px;margin:0 auto}
#footer{max-width:1200px;margin-left:auto;margin-right:auto}

#engagement-site-sections .client-carousel{width:80%;margin-left:auto;margin-right:auto}
#engagement-site-sections .client-track img{max-width:160px}
#engagement-site-sections .client-video-carousel .client-track img{max-width:200px}
@media(max-width:599px){#engagement-site-sections .client-video-carousel .client-track img{max-width:160px}#engagement-site-sections #intro> .container> .row> .column>h3{padding-left:10%!important;padding-right:10%!important}}

/* Preserve the source sections' heading/subheading typography and spacing. */
#engagement-site-sections{font-size:1.1rem}
#engagement-site-sections .section-title h1{font-size:2.5em;line-height:.8;margin:0 0 .7em;font-weight:900;text-transform:uppercase}
#engagement-site-sections #intro .section-title h1{line-height:.9}
#engagement-site-sections .section-title h3{font-size:1.7em;line-height:.8;margin:-32px 0 1em;font-weight:900!important;text-transform:uppercase}
#engagement-site-sections #contact .section-title h1{color:#16cbf6}

#engagement-site-sections .client-track img,#engagement-site-sections .client-video-carousel .client-track img{width:clamp(100px,12vw,160px);max-width:100%;height:auto}
@media(max-width:599px){#engagement-site-sections .client-track img,#engagement-site-sections .client-video-carousel .client-track img{width:160px;max-width:100%}}

@media(max-width:640px){#engagement-site-sections{margin-left:-16px;margin-right:-16px}}

#engagement-site-sections .client-carousel[data-carousel-fit="content"] .client-track>.client-slide{flex-basis:var(--client-content-basis,20%)}
#engagement-site-sections .client-carousel[data-carousel-fit="content"] .client-track img{width:clamp(100px,12vw,160px);max-width:calc(100% - 16px)}

#engagement-site-sections .client-carousel .client-prev{left:-44px}
#engagement-site-sections .client-carousel .client-next{right:-44px}

/* Keep guide-wide heading width limits out of these centered section titles. */
#engagement-site-sections .section-title h1,#engagement-site-sections .section-title h3{width:100%;max-width:none;text-align:center}