.ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
.ops-scene[hidden]{display:none}.ops-scene{min-width:0;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(193,150,248,.14)}
.ops-scene img{display:block;width:100%;height:auto;aspect-ratio:760/425;object-fit:cover}
#operating-scenes .section-sub,#marketing-base .section-sub,#cases .section-sub{text-wrap:pretty}
.ops-caption{padding:20px 18px 23px}.ops-caption h3{font-size:17px;line-height:1.45;margin:0 0 10px;color:#f1eaf9}.ops-caption p{font-size:13px;line-height:1.8;margin:0;color:#a99eb9}
.ops-tail{margin-top:36px;text-align:center}.ops-tail p{font-size:12px;line-height:1.8;color:#8e829f;max-width:740px;margin:20px auto 0}
.proof-brands{text-align:center}.proof-campaign-head{margin:60px 0 25px}.proof-campaign-head h3{font-size:25px;margin:0 0 10px}.proof-campaign-head p{font-size:14px;color:#a99eb9;line-height:1.8;margin:0}
/* Keep the approved carousel behaviour within the site's dark-purple palette. */
.brand-carousel{--brand-gap:64px;position:relative;isolation:isolate;padding:28px 0;background:var(--bg-alt);border-block:1px solid rgba(193,150,248,.12);overflow:hidden;margin-inline:calc((min(1136px, 100vw - 40px) - min(1440px, 100vw - 40px))/2)}
.brand-carousel::before,.brand-carousel::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}.brand-carousel::before{left:0;background:linear-gradient(to right,var(--bg-alt),transparent)}.brand-carousel::after{right:0;background:linear-gradient(to left,var(--bg-alt),transparent)}
.brand-row{overflow:hidden;padding:12px 0;scrollbar-width:thin;scrollbar-color:#9878b8 var(--bg-alt)}.brand-row:focus-visible{outline:2px solid #c49af4;outline-offset:-3px;overflow-x:auto}.brand-row:focus-within .brand-track{animation-play-state:paused!important}
.brand-track{display:flex;width:max-content;animation:brand-scroll var(--brand-duration,240s) linear infinite;animation-play-state:paused;will-change:transform}.brand-reverse{animation-direction:reverse}.brand-carousel.is-playing .brand-track{animation-play-state:running}.brand-carousel:hover .brand-track{animation-play-state:paused}
.brand-cycle{display:flex;gap:var(--brand-gap);padding-right:var(--brand-gap);flex:none}.brand-logo{display:flex;align-items:center;justify-content:center;flex:none;width:150px;height:100px;opacity:.82;mix-blend-mode:screen;transition:opacity .25s,transform .25s}.brand-logo:hover{opacity:1;transform:scale(1.06)}.brand-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) invert(1) brightness(2)}
.brand-logo img[src$="/14.png"],.brand-logo img[src$="/16.png"],.brand-logo img[src$="/17.png"],.brand-logo img[src$="/19.png"],.brand-logo img[src$="/33.png"],.brand-logo img[src$="/61.png"],.brand-logo img[src$="/74.png"],.brand-logo img[src$="/82.png"],.brand-logo img[src$="/85.png"],.brand-logo img[src$="/86.png"]{filter:grayscale(1) brightness(1.4)}
.brand-logo img[src$="/47.png"]{filter:grayscale(1) contrast(3) brightness(1.2)}
.brand-logo img[src$="/84.png"]{filter:grayscale(1) invert(1) contrast(1.6) brightness(1.5)}
@keyframes brand-scroll{to{transform:translateX(-50%)}}
.nav-links{gap:14px}.nav-links a{font-size:12px}
@media(max-width:1000px){.ops-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-carousel{margin-inline:0}}
@media(max-width:760px){.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brand-carousel{--brand-gap:32px;padding:16px 0}.brand-logo{width:120px;height:85px}.brand-row{padding:9px 0}.brand-carousel::before,.brand-carousel::after{width:35px}}
@media(max-width:480px){.ops-grid{grid-template-columns:1fr}.ops-caption{padding:19px 21px 24px}.ops-caption h3{font-size:20px}.ops-caption p{font-size:14px}.proof-campaign-head h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none!important;transform:none!important;will-change:auto}.brand-row{overflow-x:auto}.brand-repeat{display:none}.brand-logo{transition:none}}