/* User-supplied reference assets. Scoped exclusively to the clients section. */
.mp-cosmic:before{background: url('/assets/reference-space.webp') center/cover no-repeat}
.mp-cosmic:after{background:linear-gradient(180deg,#0002,transparent 45%,#0003)}
.mp-cosmic{padding:72px max(6.5vw,24px) 65px}
.mp-cosmic-page{padding-top:138px!important;min-height:820px}
.mp-cosmic .mp-clients-heading{grid-template-columns:1.3fr 1fr auto;gap:32px;max-width:1440px;margin-bottom:46px}
.mp-cosmic .mp-clients-heading>div{grid-row:auto}
.mp-cosmic .mp-clients-heading>.btn{grid-column:auto;justify-self:end}
.mp-cosmic .mp-clients-heading:before{background:linear-gradient(90deg,#0008,transparent 75%)}
.mp-cosmic [data-cosmic-title]{font-size:clamp(40px,4.7vw,78px);max-width:620px}
.mp-cosmic .mp-cosmic-description{font-size:14px;max-width:380px;line-height:1.8}
.mp-cosmic .mp-clients-mount{height:400px;min-height:400px;max-width:1520px;margin:0 -4vw;isolation:isolate}
.mp-cosmic .mp-clients-mount:before{content:"";position:absolute;inset:-20px -4% -15px;z-index:-1;background:url('/assets/reference-orbits.webp') center/100% 100% no-repeat;pointer-events:none}
.mp-cosmic .mp-orbit-row{height:190px;width:100%;margin:0;padding:0;position:relative;overflow:visible;mask-image:none}
.mp-cosmic .mp-orbit-row:before{display:none}
.mp-cosmic .mp-orbit-row+.mp-orbit-row{margin-top:14px}
.mp-cosmic .mp-marquee-track{position:relative;width:100%;height:100%;animation:none;padding:0;will-change:auto}
.mp-cosmic .mp-orbit-reverse .mp-marquee-track{animation:none}
.mp-cosmic .mp-orbit-card{position:absolute;top:0;left:0;width:174px;height:174px;min-height:174px;padding:0;border:0;border-radius:18px;background:#060809;overflow:hidden;isolation:isolate;box-shadow:none;transform:none;offset-path:ellipse(44% 24% at 50% 50%);offset-rotate:0deg;offset-anchor:center;animation:mp-reference-orbit 85s linear infinite;animation-delay:var(--phase);will-change:offset-distance,transform}
.mp-cosmic .mp-orbit-card:nth-child(even){transform:none}
.mp-cosmic .mp-orbit-reverse .mp-orbit-card{animation-direction:reverse;animation-duration:92s}
.mp-cosmic .mp-orbit-card:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(145deg,#25251c,#080a0b 32%,#030506 80%);pointer-events:none}
.mp-cosmic .mp-orbit-card:after{content:"";position:absolute;inset:0;border:1px solid #e9bf55;border-radius:inherit;box-shadow:inset 0 0 9px #ffd00012;pointer-events:none}
.mp-cosmic .mp-orbit-card:hover,.mp-cosmic .mp-orbit-card:focus-visible{border:0;box-shadow:0 0 20px #ffd00025;outline:none}
.mp-cosmic .mp-client-logo{position:absolute;inset:calc(1px + var(--logo-padding,0%));width:calc(100% - 2px - var(--logo-padding,0%) - var(--logo-padding,0%));height:calc(100% - 2px - var(--logo-padding,0%) - var(--logo-padding,0%));max-width:none;flex:none;margin:0;padding:0;border-radius:inherit;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mp-cosmic .mp-client-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:opacity .2s}
.mp-cosmic .mp-client-name,.mp-cosmic .mp-client-category,.mp-cosmic .mp-client-case{position:absolute;left:10px;right:10px;opacity:0;margin:0;max-width:none;text-align:center;transition:opacity .2s;text-shadow:0 1px 4px #000}
.mp-cosmic .mp-client-name{bottom:45px;font-size:12px;min-height:0;line-height:1.4}
.mp-cosmic .mp-client-category{bottom:27px;font-size:10px;line-height:1.4;min-height:0}
.mp-cosmic .mp-client-case{bottom:10px;font-size:10px}
.mp-cosmic .mp-orbit-card:hover .mp-client-logo img,.mp-cosmic .mp-orbit-card:focus-visible .mp-client-logo img{opacity:.3}
.mp-cosmic .mp-orbit-card:hover .mp-client-name,.mp-cosmic .mp-orbit-card:focus-visible .mp-client-name,.mp-cosmic .mp-orbit-card:hover .mp-client-category,.mp-cosmic .mp-orbit-card:focus-visible .mp-client-category,.mp-cosmic .mp-orbit-card:hover .mp-client-case,.mp-cosmic .mp-orbit-card:focus-visible .mp-client-case{opacity:1}
.mp-cosmic .mp-clients-mount:has(.mp-orbit-card:hover) .mp-orbit-card,.mp-cosmic .mp-clients-mount:focus-within .mp-orbit-card{animation-play-state:paused}
@keyframes mp-reference-orbit{
  0%{offset-distance:0%;transform:scale(.82);opacity:0;pointer-events:none;z-index:3}
  4%{opacity:1;pointer-events:auto}
  25%{offset-distance:25%;transform:scale(1);opacity:1;pointer-events:auto;z-index:5}
  46%{opacity:1;pointer-events:auto}
  50%{offset-distance:50%;transform:scale(.82);opacity:0;pointer-events:none;z-index:3}
  75%{offset-distance:75%;transform:scale(.8);opacity:0;pointer-events:none;z-index:1}
  100%{offset-distance:100%;transform:scale(.82);opacity:0;pointer-events:none;z-index:3}
}
.mp-cosmic .mp-client-proof{margin-top:34px;font-size:13px}
@media(max-width:1000px){.mp-cosmic .mp-clients-heading{grid-template-columns:1.2fr 1fr;gap:22px}.mp-cosmic .mp-clients-heading>div{grid-row:1/3}.mp-cosmic .mp-clients-heading>.btn{grid-column:2;justify-self:start}.mp-cosmic .mp-orbit-card{width:158px;height:158px;min-height:158px}.mp-cosmic .mp-clients-mount{margin:0 -2vw}}
@media(max-width:600px){.mp-cosmic{padding:65px 20px 45px}.mp-cosmic-page{padding-top:125px!important}.mp-cosmic .mp-clients-heading{display:flex;gap:18px;margin-bottom:35px}.mp-cosmic [data-cosmic-title]{font-size:42px}.mp-cosmic .mp-cosmic-description{font-size:12px;max-width:335px}.mp-cosmic .mp-clients-mount{width:1050px;max-width:none;margin-left:calc(50% - 525px);margin-right:0;height:380px;min-height:380px}.mp-cosmic .mp-orbit-row{height:178px}.mp-cosmic .mp-orbit-card{width:168px;height:168px;min-height:168px;offset-path:ellipse(44% 23% at 50% 50%)}.mp-cosmic .mp-client-proof{font-size:11px;margin-top:28px}}
@media(prefers-reduced-motion:reduce){.mp-cosmic .mp-orbit-card{animation:none;offset-distance:0%;offset-path:none;position:relative;top:auto;left:auto;will-change:auto}.mp-cosmic .mp-orbit-reverse{display:block}.mp-cosmic .mp-marquee-track{display:flex;gap:20px;overflow-x:auto;align-items:center}.mp-cosmic .mp-clients-mount{width:auto;margin:0}.mp-cosmic .mp-orbit-card{flex:0 0 174px;transform:none}.mp-cosmic .mp-orbit-card[aria-hidden=true]{display:none}.mp-cosmic .mp-client-name,.mp-cosmic .mp-client-category{opacity:1}}