/* Logos sit below the hero, on a separate light silver band. */
@media(min-width:801px){.hero-content{height:601px}.ux-hero-art.motion-container{top:calc((100% - 500px) / 2)}}
.client-logo-band{padding:25px 0;background:radial-gradient(ellipse at 65% 0%,#e3e7ea,#d0d6da 80%);overflow:hidden}
.client-logo-band .hero-clients.client-ticker{position:relative;inset:auto;width:100%;height:48px;border:0;padding:0;gap:0}
.client-logo-band .ticker-window{width:100%;mask-image:none}
.client-logo-band .client-names{gap:48px;padding-right:48px}
.client-logo-band .client-names li{gap:0;flex-shrink:0}
.client-logo-band .client-names li:after{display:none}
.client-logo-band .client-logo img{display:block;object-fit:contain;width:auto;height:18px;max-width:124px}
.client-logo-band .logo-american-express img,.client-logo-band .logo-pg img{height:25px}
.client-logo-band .logo-verizon img,.client-logo-band .logo-marriott img{height:22px}
.client-logo-band .logo-pfizer img{height:24px}
@media(max-width:800px){
 .hero-content{padding-bottom:91px}
 .client-logo-band{padding:20px 0}
 .client-logo-band .hero-clients.client-ticker{height:36px}
 .client-logo-band .client-names{gap:30px;padding-right:30px}
 .client-logo-band .client-logo img{height:14px;max-width:94px}
 .client-logo-band .logo-american-express img,.client-logo-band .logo-pg img{height:20px}
 .client-logo-band .logo-verizon img,.client-logo-band .logo-marriott img{height:18px}
 .client-logo-band .logo-pfizer img{height:19px}
}

.client-logo-band .logo-capital-one img{height:25px}
.client-logo-band .logo-verizon img{height:19px}
@media(max-width:800px){.client-logo-band .logo-capital-one img{height:20px}.client-logo-band .logo-verizon img{height:15px}}
/* Slightly larger desktop copy group, centered below the navigation. */
@media(min-width:801px){
 .hero-content{display:flex;align-items:center;padding-top:0}
 .compact-copy{top:-20px}
 .compact-copy .tagline{font-size:clamp(39px,3.85vw,65px);margin-bottom:32px}
 .compact-copy .hero-roles{font-size:10.8px;margin-bottom:18px}
 .compact-copy .hero-description{font-size:15px;max-width:490px;margin-bottom:39px}
 .compact-copy .explore{font-size:10.8px;gap:22px}
 .compact-copy .explore>span:first-child{width:30px;height:30px;flex-basis:30px}
 .compact-copy .explore>span:first-child svg{width:15.6px;height:15.6px}
}

/* Slightly larger homepage brand; retain the mobile badge size. */
@media(min-width:1101px){.compact-nav .brand-logo{width:290px}}
@media(min-width:801px) and (max-width:1100px){.compact-nav .brand-logo{width:236px}}
/* Trial: client-logo ticker at 70% of its previous size. */
.client-logo-band{padding:17.5px 0}
.client-logo-band .hero-clients.client-ticker{height:33.6px}
.client-logo-band .client-names{gap:33.6px;padding-right:33.6px}
.client-logo-band .client-logo img{height:12.6px;max-width:86.8px}
.client-logo-band .logo-american-express img,.client-logo-band .logo-pg img,.client-logo-band .logo-capital-one img{height:17.5px}
.client-logo-band .logo-marriott img{height:15.4px}
.client-logo-band .logo-verizon img{height:13.3px}
.client-logo-band .logo-pfizer img{height:16.8px}
@media(max-width:800px){
 .client-logo-band{padding:14px 0}
 .client-logo-band .hero-clients.client-ticker{height:25.2px}
 .client-logo-band .client-names{gap:21px;padding-right:21px}
 .client-logo-band .client-logo img{height:9.8px;max-width:65.8px}
 .client-logo-band .logo-american-express img,.client-logo-band .logo-pg img,.client-logo-band .logo-capital-one img{height:14px}
 .client-logo-band .logo-marriott img{height:12.6px}
 .client-logo-band .logo-verizon img{height:10.5px}
 .client-logo-band .logo-pfizer img{height:13.3px}
}
/* Give every client mark the same breathing room at the reduced size. */
.client-logo-band .client-names li{padding:0 12px}
.client-logo-band .hero-clients.client-ticker{height:33.6px}
@media(max-width:800px){.client-logo-band .hero-clients.client-ticker{height:25.2px}}
