.brand-campaigns{padding:100px 0}.brand-campaigns .brand-intro{color:#aaa;font-size:18px;max-width:700px;margin-bottom:35px}.brand-campaigns .lede{margin-bottom:12px}.brand-campaigns .film-caption h3{font-size:27px}.language-switch{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;margin-left:15px}.language-switch a{padding:8px 2px;color:#aaa}.language-switch a[aria-current="page"]{color:var(--pink);font-weight:700}.language-switch span{color:#666}header nav{gap:16px}html[lang="es"] .hero h1{font-size:clamp(76px,8vw,125px)}html[lang="es"] .service-hero h1{font-size:clamp(44px,5vw,76px)}html[lang="es"] .hero-bottom>span{max-width:55%;line-height:1.5}html[lang="es"] .visuals-heading{gap:40px}html[lang="es"] .visuals-heading h2{font-size:clamp(42px,4vw,61px)}html[lang="es"] .intro .service-links{column-gap:14px}html[lang="es"] .service-links a{line-height:1.5}.brand-campaigns .feature-video{height:600px}
@media(max-width:1100px){header{padding-left:3%;padding-right:3%;gap:12px}header nav{gap:12px;font-size:13px}.language-switch{margin-left:auto}header .small-button{white-space:nowrap;padding:10px 13px}.brand-campaigns .feature-video{height:500px}}
@media(min-width:621px) and (max-width:1100px){header{height:auto;min-height:70px;flex-wrap:wrap;padding-bottom:10px}header nav{order:4;width:100%;justify-content:center;overflow-x:auto;padding:5px 0}html{scroll-padding-top:120px}}
@media(max-width:620px){header{padding:0 6%;gap:12px;flex-wrap:nowrap;min-height:65px}.language-switch{font-size:13px;gap:6px}header .small-button{font-size:12px;padding:9px 12px}header nav{gap:22px;font-size:14px}.brand-campaigns{padding:75px 0}.brand-campaigns .feature-video{height:520px}.brand-campaigns .brand-intro{font-size:17px}html[lang="es"] .hero h1{font-size:clamp(66px,17vw,80px);letter-spacing:-4px}html[lang="es"] .hero-desc{font-size:17px}html[lang="es"] .actions{flex-wrap:wrap}html[lang="es"] .hero{min-height:770px}html[lang="es"] .contact h2{font-size:clamp(42px,12vw,56px)}html[lang="es"] .service-hero h1{font-size:43px}html[lang="es"] .visuals-heading h2{font-size:42px}html[lang="es"] .intro .service-links a{font-size:15px}}
@media(max-width:360px){header .brand .official-logo{width:55px}.language-switch{font-size:12px}header .small-button{padding:9px;font-size:11px}}

/* Supplied and verified collaborator logos. */
.trust-group{grid-template-columns:190px minmax(0,1fr);gap:28px;padding:32px 0}
.trust-group ul.trust-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}
.trust-logos .trust-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:120px;padding:20px;background:#fff;border:1px solid #303034;border-radius:10px;overflow:hidden}
.trust-logos .trust-logo-dark{background:#080808}
.trust-logo img{display:block;width:100%;height:100%;object-fit:contain}
.trust-more{border-top:1px solid #303034;padding:24px 0 36px;color:#aaa}
.trust-more summary{cursor:pointer;font-size:16px;min-height:30px;width:fit-content}
.trust-more summary:hover,.trust-more summary:focus-visible{color:var(--pink)}
.trust-more p{font-size:16px;line-height:1.9;margin:14px 0 0;max-width:1000px}
@media(max-width:1000px){.trust-group{grid-template-columns:1fr;gap:20px}.trust-group ul.trust-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.trust-group ul.trust-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trust-logos .trust-logo{height:105px;padding:17px}}

/* Consistent monochrome marks on black, including embedded screenshot backgrounds. */
.trust-logos .trust-logo,.trust-logos .trust-logo-dark{background:#000;border-color:#202024;border-radius:0}
.logo-on-light{filter:grayscale(1) invert(1) brightness(2) contrast(1.4)}
.logo-on-dark{filter:grayscale(1) contrast(4) brightness(1.5)}
.logo-faint{filter:grayscale(1) invert(1) brightness(10) contrast(1.6)}
.logo-green-light{filter:grayscale(1) brightness(.65) contrast(10)}
.logo-green-gold{filter:url(#logo-green-gold)}
.logo-filters{position:absolute;overflow:hidden;pointer-events:none}
.hero{min-height:680px;max-height:none}
.hero-copy{padding:55px 0 180px}
.hero-bottom{top:18px;bottom:auto;justify-content:flex-end;z-index:2}
.hero-trust{position:absolute;bottom:0;left:0;width:100%;background:#000;z-index:2;padding:16px 0 20px;border-top:1px solid #ffffff24}
.hero-trust-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 5%;margin-bottom:12px;color:#b5b5ba;font-size:14px}
.hero-trust-heading a:hover{color:#fff}
.logo-pause{background:transparent;border:1px solid #555;color:#ddd;padding:6px 12px;border-radius:20px;font-size:13px;white-space:nowrap}
.logo-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-roll 150s linear infinite}
.logo-sequence{display:flex;align-items:center;gap:0;list-style:none;padding:0;margin:0;flex-shrink:0}
.logo-sequence li{width:180px;height:76px;display:flex;align-items:center;justify-content:center;padding:10px 25px;background:#000;flex-shrink:0}
.logo-sequence img{width:100%;height:100%;object-fit:contain}
.hero-trust.is-paused .logo-track,.hero-trust:hover .logo-track{animation-play-state:paused}
@keyframes logo-roll{to{transform:translateX(-50%)}}
@media(max-width:620px){.hero{min-height:650px;height:calc(100svh - 110px)}.hero-copy{padding:65px 6% 175px;margin-left:0}.hero h1{font-size:clamp(55px,15vw,76px)}.hero-desc{font-size:16px;margin:20px 0 24px}.hero-trust-heading{font-size:12px;gap:8px}.logo-pause{font-size:12px;padding:6px 9px}.logo-sequence li{width:150px;height:65px;padding:8px 20px}.hero-trust{padding:14px 0}.hero-copy .actions{flex-wrap:wrap}.hero-copy .button{padding:13px 18px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-viewport{overflow-x:auto;mask-image:none}.logo-sequence[aria-hidden="true"]{display:none}.logo-pause{display:none}}

/* Compact opening logo strip. */
.hero-trust{padding:12px 0 14px}
.hero-trust-heading{margin-bottom:8px}
.logo-sequence li{width:150px;height:58px;padding:8px 22px}
@media(max-width:620px){.hero-trust{padding:10px 0}.logo-sequence li{width:125px;height:50px;padding:7px 18px}}