/* Shared colour revisions apply to desktop and phone. */
.agency-profile{padding:0;gap:0;background:var(--navy);grid-template-columns:1fr 1.15fr;color:var(--paper)}
.agency-profile>div:first-child{background:var(--navy);color:var(--paper);padding:85px 6vw 85px var(--pad)}
.agency-profile>div+div{background:var(--orange);color:var(--navy);padding:85px var(--pad) 85px 6vw}
.agency-profile h2{line-height:1.15}
.agency-profile h2 .agency-name{display:block;color:var(--orange);font-size:clamp(22px,2.35vw,42px);line-height:1.35;letter-spacing:-.04em;white-space:nowrap;margin-top:.12em;font-weight:500}
@media(max-width:760px){.agency-profile h2 .agency-name{font-size:clamp(22px,5.6vw,39px)}}
.home-services{background:var(--paper)}
.home-services-grid{gap:0;border:1px solid var(--navy)}
.home-services .home-service{border:0;padding:30px;min-height:245px;background:var(--orange);color:var(--navy)}
.home-services .home-service:nth-child(odd){background:var(--navy);color:var(--paper)}
.home-services .home-service p{color:inherit;opacity:.9;font-size:14px}
.home-services .home-service h3{color:inherit}
.home-services .home-service:hover h3{text-decoration:none}
.stats-band{background:var(--navy);color:var(--paper);border:0}
.stats-band>a{border-color:#fcfaf64d}
.stats-band>a>strong{color:var(--orange);font-variant-numeric:tabular-nums;min-width:3ch}
.reference-feature{background:var(--orange);color:var(--navy);border:0}
.reference-feature .brand-grid{background:var(--paper)}
.reference-feature .brand-tile{background:var(--paper);color:var(--navy)}
.instagram-section{background:var(--navy);color:var(--paper);border-top:1px solid #fcfaf63b}
.instagram-bottom{color:var(--paper)}
@media(min-width:761px) and (max-width:1150px){
 .home-services .home-service{background:var(--orange);color:var(--navy)}
 .home-services .home-service:nth-child(odd){background:var(--orange);color:var(--navy)}
 .home-services .home-service:nth-child(4n+1),.home-services .home-service:nth-child(4n+4){background:var(--navy);color:var(--paper)}
 .agency-profile>div:first-child{padding:65px 35px 65px var(--pad)}
 .agency-profile>div+div{padding:65px var(--pad) 65px 35px}
}
@media(max-width:760px){
 .agency-profile{grid-template-columns:1fr;gap:0;padding:0}
 .agency-profile>div:first-child,.agency-profile>div+div{padding:45px var(--pad)}
 .home-services .home-service{min-height:0;padding:27px;gap:17px}
}
@media(max-width:480px){
 .agency-profile>div:first-child,.agency-profile>div+div{padding:38px var(--pad)}
 .home-services .home-service{padding:25px 22px}
 .home-services .home-service p{font-size:14px;line-height:1.75}
 .stats-band>a>strong{min-width:0;font-size:41px}
}
.stats-band>p strong{font-size:inherit;line-height:inherit;font-weight:700;letter-spacing:0}

/* One reference-logo system across every language, desktop and phone. */
.brand-card .brand-tile,.reference-feature .brand-card .brand-tile{background:transparent;color:var(--navy)}
.brand-card .brand-tile:hover{background:transparent}
.brand-card .brand-visual{height:110px;min-height:0;overflow:hidden}
.brand-card .brand-logo{display:block;width:100%;height:100%;max-width:260px;max-height:130px;object-fit:contain;filter:none;mix-blend-mode:normal;transition:opacity .2s}
.brand-card .brand-tile:hover .brand-logo{opacity:.8}
.brand-card[data-dark-logo=true] .brand-visual,.brand-card .brand-visual{background:transparent}
.brand-card[data-dark-logo=true] .brand-logo{filter:none;mix-blend-mode:normal}
.brand-card .brand-wordmark{padding:8px;max-width:100%;font-size:clamp(19px,1.7vw,27px);line-height:1.2;text-wrap:balance}
.brand-card .brand-caption h3{overflow-wrap:anywhere}
.brand-card[data-reference-only=true] .brand-tile{cursor:default}
@media(max-width:480px){
 .brand-card .brand-visual{height:76px}
 .brand-card .brand-logo{max-width:190px;max-height:95px}
 .brand-card .brand-wordmark{font-size:18px;padding:5px}
}

.world-playback-controls{display:flex;gap:14px 22px;justify-content:space-between;flex-wrap:wrap;padding:17px 40px 0;font-size:11px;line-height:1.5}
.world-playback-controls button{border-bottom:1px solid #fcfaf650;padding:3px 0;color:var(--paper);text-align:start}
.world-playback-controls button:hover{color:var(--orange)}
html[data-vox-intro="pending"] .world-hero-copy,html[data-vox-intro="pending"] .world-hero .vox-globe.is-ready canvas{animation-play-state:paused}
@media(max-width:480px){.world-playback-controls{padding:15px 15px 0;gap:10px 20px;font-size:11px}}