/* Full-bleed warm-neutral logo ribbon */
.ra-team-experience { --ra-ink:#272825; --ra-field:#eeece5; --ra-orange:#e56c2f; position:relative; isolation:isolate; overflow:hidden; padding:0; color:var(--ra-ink); background:transparent; }
.ra-team-experience::before { position:absolute; z-index:-1; top:0; bottom:0; left:50%; width:100vw; content:""; transform:translateX(-50%); background:linear-gradient(112deg,#eeece5 0%,#f3f1eb 48%,#eceae3 100%); }
.ra-team-experience__control { display:flex; align-items:center; justify-content:flex-end; height:24px; max-width:1440px; margin:0 auto; padding:0 clamp(1.25rem,5.2vw,5.5rem); }
.ra-team-experience__toggle { display:flex; width:28px; height:24px; align-items:center; justify-content:center; gap:4px; padding:0; border:0; background:transparent; color:rgba(39,40,37,.58); cursor:pointer; transition:color .2s ease,transform .2s ease; }
.ra-team-experience__toggle span { display:block; width:2px; height:9px; background:currentColor; }
.ra-team-experience__toggle:hover,.ra-team-experience__toggle:focus-visible { color:var(--ra-orange); }
.ra-team-experience__toggle:focus-visible { outline:2px solid var(--ra-orange); outline-offset:1px; }
.ra-team-experience__marquees { position:relative; left:50%; display:grid; width:100vw; gap:0; margin-left:-50vw; padding:0 0 8px; background:transparent; }
.ra-logo-marquee { --ra-motion-inset:clamp(3rem,6vw,5.75rem); min-width:0; height:112px; overflow:hidden; background:transparent; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5.5%,#000 94.5%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 5.5%,#000 94.5%,transparent 100%); }
.ra-logo-motion { display:flex; width:max-content; height:100%; align-items:center; }
.ra-logo-track { display:flex; flex:none; align-items:center; gap:0; box-sizing:border-box; height:100%; margin:0; padding:0 clamp(1.4rem,3.8vw,3.5rem); list-style:none; }
.ra-brand-logo { position:relative; box-sizing:border-box; display:block; flex:none; width:min(calc(var(--ra-logo-width,15rem) + 1.2rem),84vw); min-width:4.25rem; height:100px; margin-right:clamp(1.7rem,3vw,2.9rem); padding:7px; }
.ra-brand-logo:nth-child(4n + 2) { margin-right:clamp(2.4rem,4.4vw,4rem); }
.ra-brand-logo:nth-child(4n + 3) { margin-right:clamp(1.5rem,2.5vw,2.5rem); }
.ra-brand-logo:nth-child(4n) { margin-right:clamp(2rem,3.6vw,3.4rem); }
.ra-brand-logo img { position:absolute; top:50%; left:50%; display:block; box-sizing:border-box; width:auto; height:auto; max-width:min(var(--ra-logo-width,15rem),calc(100% - 14px),62vw); max-height:min(var(--ra-logo-height,5rem),calc(100% - 14px)); object-fit:contain; filter:none; opacity:.94; transform:translate(-50%,-50%); transition:opacity .2s ease; }
.ra-brand-logo:hover img,.ra-brand-logo:focus-within img { opacity:1; }
.ra-logo-marquee.is-ready .ra-logo-motion { animation:ra-logo-drift var(--ra-logo-duration,88s) linear infinite; }
.ra-logo-marquee--reverse.is-ready .ra-logo-motion { animation-direction:reverse; animation-duration:var(--ra-logo-duration,100s); }
.ra-team-experience__marquees:hover .ra-logo-motion,.ra-team-experience__marquees:focus-within .ra-logo-motion,.ra-team-experience.is-paused .ra-logo-motion { animation-play-state:paused; }
@keyframes ra-logo-drift { from { transform:translateX(var(--ra-motion-inset,0px)); } to { transform:translateX(calc(var(--ra-motion-inset,0px) - 50%)); } }
@media (max-width:767px) {
 .ra-team-experience__control { height:20px; padding:0 1rem; }
 .ra-team-experience__toggle { height:20px; }
 .ra-team-experience__toggle span { height:8px; }
 .ra-team-experience__marquees { padding:0 0 5px; }
 .ra-logo-marquee { --ra-motion-inset:clamp(4rem,24vw,6.5rem); height:88px; }
 .ra-logo-marquee--reverse { --ra-motion-inset:clamp(-6rem,-20vw,-4rem); }
 .ra-logo-track { padding-right:0; padding-left:1.1rem; }
 .ra-brand-logo { width:min(calc(var(--ra-logo-width,13rem) + .8rem),78vw); min-width:3.8rem; height:80px; margin-right:clamp(1.1rem,6vw,1.9rem); padding:5px; }
 .ra-brand-logo:nth-child(4n + 2) { margin-right:clamp(1.7rem,8vw,2.4rem); }
 .ra-brand-logo:nth-child(4n + 3) { margin-right:clamp(1rem,5vw,1.6rem); }
 .ra-brand-logo:nth-child(4n) { margin-right:clamp(1.4rem,7vw,2rem); }
 .ra-brand-logo img { max-width:min(var(--ra-logo-width,13rem),calc(100% - 10px),60vw); max-height:min(var(--ra-logo-height,4.4rem),calc(100% - 10px)); }
}
@media (max-width:359px) {
 .ra-logo-marquee { height:84px; }
 .ra-brand-logo { width:min(calc(var(--ra-logo-width,12rem) + .65rem),80vw); min-width:3.5rem; height:76px; }
 .ra-brand-logo img { max-width:min(var(--ra-logo-width,12rem),calc(100% - 10px),62vw); }
}
@media (prefers-reduced-motion:reduce) {
 .ra-team-experience__control { display:none; }
 .ra-team-experience__marquees { display:grid; gap:0; }
 .ra-logo-marquee { height:auto; min-height:72px; overflow:visible; -webkit-mask-image:none; mask-image:none; }
 .ra-logo-motion { display:block; width:100%; height:auto; }
 .ra-logo-track,.ra-logo-track + .ra-logo-track { position:static; display:flex; flex-wrap:wrap; justify-content:center; gap:0; width:100%; height:auto; margin:0; padding:1rem .6rem; transform:none !important; animation:none !important; }
 .ra-brand-logo { width:min(calc(var(--ra-logo-width,13rem) + .8rem),40vw); max-width:40vw; min-width:4.5rem; height:84px; margin-right:1.3rem; }
 .ra-brand-logo img { max-width:min(var(--ra-logo-width,13rem),calc(100% - 12px),40vw); max-height:70px; opacity:1; transition:none; }
 .ra-brand-logo:hover img,.ra-brand-logo:focus-within img { opacity:1; }
}

/* Compact homepage ribbon: same collection and treatment, scaled to sit between the intro and featured work. */
.ra-team-experience--compact { margin-block:clamp(.4rem,1vw,.9rem) clamp(.75rem,1.6vw,1.4rem); }
.ra-team-experience--compact .ra-team-experience__control { height:18px; }
.ra-team-experience--compact .ra-team-experience__toggle { width:24px; height:18px; }
.ra-team-experience--compact .ra-logo-marquee { height:82px; }
.ra-team-experience--compact .ra-brand-logo { width:min(calc(var(--ra-logo-width,15rem) + .8rem),84vw); height:72px; margin-right:clamp(1.35rem,2.6vw,2.8rem); padding:5px; }
.ra-team-experience--compact .ra-brand-logo img { max-width:min(var(--ra-logo-width,15rem),calc(100% - 10px),40vw); max-height:min(var(--ra-logo-height,5rem),calc(100% - 10px),54px); }
@media (max-width:767px) {
 .ra-team-experience--compact { margin-block:.35rem .8rem; }
 .ra-team-experience--compact .ra-team-experience__control { height:16px; padding:0 1rem; }
 .ra-team-experience--compact .ra-logo-marquee { height:70px; }
 .ra-team-experience--compact .ra-brand-logo { width:min(calc(var(--ra-logo-width,13rem) + .55rem),78vw); min-width:3.5rem; height:62px; margin-right:clamp(1.05rem,5vw,1.65rem); padding:4px; }
 .ra-team-experience--compact .ra-brand-logo:nth-child(4n + 2) { margin-right:clamp(1.45rem,6.5vw,2rem); }
 .ra-team-experience--compact .ra-brand-logo img { max-width:min(var(--ra-logo-width,13rem),calc(100% - 8px),60vw); max-height:min(var(--ra-logo-height,4.4rem),calc(100% - 8px),46px); }
}
@media (prefers-reduced-motion:reduce) {
 .ra-team-experience--compact .ra-logo-marquee { height:72px; overflow-x:auto; overflow-y:hidden; -webkit-mask-image:none; mask-image:none; overscroll-behavior-x:contain; scrollbar-width:thin; }
 .ra-team-experience--compact .ra-logo-motion { display:flex; width:max-content; height:100%; }
 .ra-team-experience--compact .ra-logo-track,.ra-team-experience--compact .ra-logo-track + .ra-logo-track { position:static; display:flex; flex:none; flex-wrap:nowrap; justify-content:flex-start; gap:0; width:max-content; height:100%; margin:0; padding:0 clamp(1.1rem,3vw,2rem); transform:none !important; animation:none !important; }
 .ra-team-experience--compact .ra-brand-logo { width:min(calc(var(--ra-logo-width,13rem) + .55rem),78vw); min-width:3.5rem; height:62px; }
 .ra-team-experience--compact .ra-brand-logo img { opacity:1; transition:none; }
}

/* Visually quiet logo motion control: keyboard focus reveals the pause/resume button; no layout space is reserved. */
.ra-team-experience__control { position:absolute !important; top:0; right:0; z-index:10; width:1px; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
.ra-team-experience__control:focus-within { width:auto; height:auto !important; margin:0 !important; padding:0 clamp(1.25rem,5.2vw,5.5rem) !important; overflow:visible !important; clip:auto; clip-path:none; }
.ra-team-experience--compact .ra-team-experience__control:focus-within { padding:0 1rem !important; }
@media (prefers-reduced-motion:reduce) { .ra-team-experience__control { display:none !important; } }

/* Honor reduced-motion on the animated track itself. */
@media (prefers-reduced-motion:reduce) { .ra-team-experience .ra-logo-motion { animation:none !important; transform:none !important; } }

/* Final hero support-group spacing: farther right and lower, leaving the main headline untouched. */
@media (min-width:1200px) { .elementor-element-a782e61.ruiz-art-hero.ruiz-hero-media-integrated > .elementor-element-6c5ac348 { left:clamp(650px,48.6vw,700px) !important; top:200px !important; } }
