.orbital-clients-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background-color:#000;padding:.5rem}@media (min-width: 640px){.orbital-clients-container{padding:1rem}}.background-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.7}.background-overlay{position:absolute;inset:0;background-color:#0000004d}.logo-watermark{pointer-events:none;position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;opacity:.1}.logo-text{font-size:2.25rem;font-weight:700;color:#1f2937}@media (min-width: 640px){.logo-text{font-size:3rem}}@media (min-width: 768px){.logo-text{font-size:4.5rem}}@media (min-width: 1024px){.logo-text{font-size:6rem}}@media (min-width: 1280px){.logo-text{font-size:8rem}}.orbits-wrapper{position:relative;z-index:20;aspect-ratio:1;width:100%;max-width:90vw}@media (min-width: 640px){.orbits-wrapper{max-width:56rem}}@media (min-width: 1024px){.orbits-wrapper{max-width:64rem}}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #374151;pointer-events:none}.orbit-1{width:min(180px,35vw);height:min(180px,35vw);z-index:3}.orbit-2{width:min(320px,60vw);height:min(320px,60vw);z-index:2}.orbit-3{width:min(460px,85vw);height:min(460px,85vw);z-index:1}.orbit.is-hovered-orbit{z-index:9999!important}@media (min-width: 640px){.orbit-1{width:min(300px,40vw);height:min(300px,40vw)}.orbit-2{width:min(500px,65vw);height:min(500px,65vw)}.orbit-3{width:min(700px,90vw);height:min(700px,90vw)}}.client-wrapper{position:absolute;top:50%;left:50%;transform-origin:0 0;pointer-events:all;z-index:50}.orbits-wrapper.has-hovered-client .client-wrapper:not(.is-hovered){z-index:1!important}.client-wrapper.is-hovered{z-index:10000!important}.orbit-1-wrapper{animation:orbit1 25s linear infinite;transform:rotate(var(--angle)) translate(min(90px,17.5vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}.orbit-2-wrapper{animation:orbit2 30s linear infinite;transform:rotate(var(--angle)) translate(min(160px,30vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}.orbit-3-wrapper{animation:orbit3 35s linear infinite;transform:rotate(var(--angle)) translate(min(230px,42.5vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}@media (min-width: 640px){.orbit-1-wrapper{transform:rotate(var(--angle)) translate(min(150px,20vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}.orbit-2-wrapper{transform:rotate(var(--angle)) translate(min(250px,32.5vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}.orbit-3-wrapper{transform:rotate(var(--angle)) translate(min(350px,45vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}}.client-item{position:relative;z-index:1}.hover-glow{position:absolute;inset:0;z-index:-1;border-radius:50%;background-color:#dc2626;opacity:0;filter:blur(12px);transition:opacity .3s}.client-item:hover .hover-glow{opacity:.5}.client-avatar{position:relative;width:2.5rem;height:2.5rem;cursor:pointer;overflow:hidden;border-radius:50%;background-color:#1f2937;transition:all .3s;border:3px solid #d50101;z-index:1}.client-avatar:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #d5010180}@media (min-width: 640px){.client-avatar{width:3rem;height:3rem}}@media (min-width: 768px){.client-avatar{width:3.5rem;height:3.5rem}}@media (min-width: 1024px){.client-avatar{width:4rem;height:4rem}}.client-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-container{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);z-index:10001!important;width:200px;max-width:80vw;pointer-events:none;animation:fadeInFromTop .3s ease-out}.popup-container.show-below{bottom:auto;top:calc(100% + 12px);animation:fadeInFromBottom .3s ease-out}@media (min-width: 640px){.popup-container{width:224px}}.popup-content{background:linear-gradient(to bottom right,#111827,#1f2937);color:#fff;padding:.75rem;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid #374151}@media (min-width: 640px){.popup-content{padding:1rem}}.client-name{font-size:.875rem;font-weight:700;color:#fff}@media (min-width: 768px){.client-name{font-size:1rem}}.client-role{margin-top:.25rem;font-size:.75rem;color:#d1d5db}@media (min-width: 768px){.client-role{font-size:.875rem}}.client-company{margin-top:.25rem;font-size:.75rem;font-weight:500;color:#d50101}@media (min-width: 768px){.client-company{font-size:.875rem}}.client-description{margin-top:.5rem;border-top:1px solid #374151;padding-top:.5rem;font-size:.75rem;color:#9ca3af}.popup-arrow{position:absolute;left:50%;top:100%;margin-top:-1px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2937}.popup-container.show-below .popup-arrow{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-top:none;border-bottom:6px solid #1f2937}@keyframes fadeInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes fadeInFromBottom{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes orbit1{0%{transform:rotate(var(--angle)) translate(min(90px,17.5vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}to{transform:rotate(calc(var(--angle) + 360deg)) translate(min(90px,17.5vw)) rotate(calc(-1 * (var(--angle) + 360deg))) translate(-50%,-50%)}}@keyframes orbit2{0%{transform:rotate(var(--angle)) translate(min(160px,30vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}to{transform:rotate(calc(var(--angle) + 360deg)) translate(min(160px,30vw)) rotate(calc(-1 * (var(--angle) + 360deg))) translate(-50%,-50%)}}@keyframes orbit3{0%{transform:rotate(var(--angle)) translate(min(230px,42.5vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}to{transform:rotate(calc(var(--angle) + 360deg)) translate(min(230px,42.5vw)) rotate(calc(-1 * (var(--angle) + 360deg))) translate(-50%,-50%)}}@media (min-width: 640px){@keyframes orbit1{0%{transform:rotate(var(--angle)) translate(min(150px,20vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}to{transform:rotate(calc(var(--angle) + 360deg)) translate(min(150px,20vw)) rotate(calc(-1 * (var(--angle) + 360deg))) translate(-50%,-50%)}}@keyframes orbit2{0%{transform:rotate(var(--angle)) translate(min(250px,32.5vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}to{transform:rotate(calc(var(--angle) + 360deg)) translate(min(250px,32.5vw)) rotate(calc(-1 * (var(--angle) + 360deg))) translate(-50%,-50%)}}@keyframes orbit3{0%{transform:rotate(var(--angle)) translate(min(350px,45vw)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}to{transform:rotate(calc(var(--angle) + 360deg)) translate(min(350px,45vw)) rotate(calc(-1 * (var(--angle) + 360deg))) translate(-50%,-50%)}}}