.clients{padding:130px 7vw 150px;background:#0c0c0b;color:var(--cream);position:relative;overflow:hidden}.clients:before{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(199,166,106,.2);border-radius:50%;right:-230px;top:-210px}.clients-heading{display:grid;grid-template-columns:.65fr 1.35fr .8fr;gap:5vw;margin-bottom:70px;align-items:start}.clients-heading>p{color:var(--muted);font-size:16px;line-height:1.7;margin:8px 0 0}.client-stage{position:relative;padding-left:180px}.client-stage:before{content:'';position:absolute;inset:18px 0 -18px 160px;border:1px solid rgba(199,166,106,.26);pointer-events:none}.client-orbit{position:absolute;left:0;top:50%;transform:translateY(-50%);width:150px;height:150px;border:1px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0c0c0b;z-index:2}.client-orbit:after{content:'';position:absolute;inset:9px;border:1px solid rgba(199,166,106,.32);border-radius:50%}.client-orbit span{font-size:9px;line-height:1.5;letter-spacing:.16em;color:var(--gold)}.client-orbit strong{font-family:'Italiana';font-size:38px;font-weight:400;margin-top:5px}.clients .logo-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:112px;gap:12px;position:relative;border:0}.clients .logo-grid>div{height:auto;border:1px solid rgba(199,166,106,.16);display:flex;align-items:center;justify-content:center;padding:18px;background:#f7f4ee;position:relative;transition:transform .35s,background .35s,box-shadow .35s}.clients .logo-grid>div:nth-child(1),.clients .logo-grid>div:nth-child(8){grid-column:span 2}.clients .logo-grid>div:nth-child(4),.clients .logo-grid>div:nth-child(11){grid-row:span 2}.clients .logo-grid>div:nth-child(6),.clients .logo-grid>div:nth-child(13){grid-column:span 2}.clients .logo-grid>div:before{content:'';position:absolute;inset:7px;border:1px solid transparent;transition:.35s}.clients .logo-grid>div:hover{z-index:3;transform:translateY(-7px) scale(1.025);background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.3)}.clients .logo-grid>div:hover:before{border-color:rgba(199,166,106,.45)}.clients .logo-grid img{max-width:150px;max-height:72px;object-fit:contain;filter:none;opacity:.94;transition:.3s;mix-blend-mode:multiply}.clients .logo-grid>div:hover img{filter:none;opacity:1;transform:scale(1.05)}
@media(max-width:1100px){.clients .logo-grid{grid-template-columns:repeat(4,1fr)}.clients .logo-grid>div:nth-child(n){grid-column:span 1;grid-row:span 1}.clients .logo-grid>div:nth-child(1),.clients .logo-grid>div:nth-child(8){grid-column:span 2}}
@media(max-width:900px){.clients{padding:90px 6vw 110px}.clients-heading{grid-template-columns:1fr}.clients-heading .section-tag{margin-bottom:0}.client-stage{padding-left:0;padding-top:90px}.client-stage:before{inset:105px -14px -14px 14px}.client-orbit{left:50%;top:0;transform:translate(-50%,-5px);width:130px;height:130px}.clients .logo-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:105px}.clients .logo-grid>div:nth-child(n){grid-column:span 1}.clients .logo-grid>div:nth-child(1),.clients .logo-grid>div:nth-child(8){grid-column:span 2}}
@media(max-width:560px){.clients .logo-grid{grid-template-columns:repeat(2,1fr);gap:8px;grid-auto-rows:95px}.clients .logo-grid>div:nth-child(n){grid-column:span 1}.clients .logo-grid>div{padding:12px}.clients .logo-grid img{max-width:120px;max-height:62px}.client-stage{padding-top:85px}.client-orbit{width:120px;height:120px}}