@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700;800;900&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');

:root{
  --navy:#0B1E3D;
  --navy-2:#122A54;
  --blue:#2F5CE0;
  --blue-light:#5C82F0;
  --sky:#EAF0FF;
  --paper:#F6F8FC;
  --white:#FFFFFF;
  --ink:#0B1E3D;
  --ink-dim:#57678C;
  --ink-faint:#8C99BA;
  --line:#E1E7F5;
  --line-dark:rgba(255,255,255,0.14);
  --maxw:1240px;
  --edge:clamp(20px, 5vw, 64px);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:'IBM Plex Sans', sans-serif;
  font-size:16px;
  line-height:1.65;
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:800;
  line-height:0.95;
  letter-spacing:0.005em;
  color:var(--navy);
}
.on-dark h1, .on-dark h2, .on-dark h3, .on-dark h4{color:var(--white);}

a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
ul{list-style:none;}

.wrap{max-width:var(--maxw); margin:0 auto; padding-left:var(--edge); padding-right:var(--edge);}
::selection{background:var(--blue); color:var(--white);}

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:3px;
}

/* ---------- nav ---------- */
header.nav{
  position:sticky; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:12px var(--edge);
  background:rgba(255,255,255,0.98);
  border-bottom:1px solid var(--line);
}
.nav-brand{
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:900;
  font-size:24px;
  letter-spacing:0.02em;
  color:var(--navy);
  display:flex; align-items:center; gap:6px;
}
.nav-brand span{color:var(--blue);}
.nav-logo{
  height:70px;
  width:auto;
  display:block;
}
.nav-close{
  display:none;
  position:absolute; top:20px; right:20px;
  width:40px; height:40px;
  border:0; background:none;
  color:var(--navy); font-size:22px; cursor:pointer;
  z-index:1;
}
@media (max-width:900px){
  .nav-links.open .nav-close{ display:block; }
}
@media (max-width:900px){
  .nav-logo{height:46px;}
}
.nav-links{display:flex; gap:42px; font-size:21px; font-weight:500; color:var(--ink-dim); margin-left:auto; margin-right:125px;}
.nav-links a{position:relative; padding:4px 0; transition:color .25s ease;}
.nav-links a:hover, .nav-links a.active{color:var(--navy);}
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:0; width:0; height:2px;
  background:var(--blue); transition:width .25s ease;
}
.nav-links a:hover::after, .nav-links a.active::after{width:100%;}
.nav-cta{
  padding:11px 22px; background:var(--navy); color:var(--white);
  font-size:13.5px; font-weight:600; border-radius:2px; transition:background .25s ease;
}
.nav-cta:hover{background:var(--blue);}
.nav-toggle{display:none; background:none; border:0; color:var(--navy); font-size:26px; cursor:pointer;}

@media (max-width:900px){
  .nav-links{
    position:fixed; top:0; right:0; height:100vh; width:min(78vw,320px);
    background:var(--white); flex-direction:column; justify-content:center;
    gap:26px; padding:40px; transform:translateX(100%);
    transition:transform .4s ease; border-left:1px solid var(--line);
    box-shadow:-8px 0 30px rgba(11,30,61,0.08);
    margin-left:0; margin-right:0;
  }
  .nav-links.open{transform:translateX(0);}
  .nav-toggle{display:block;}
  .nav-cta{display:none;}
}



/* ---------- page hero (interior pages) ---------- */
.page-hero{
  background:var(--navy);
  padding:90px var(--edge) 70px;
  position:relative; overflow:hidden;
}
.page-hero::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 80% at 85% 0%, rgba(92,130,240,0.35), transparent 60%);
}
.page-hero .inner{position:relative; max-width:var(--maxw); margin:0 auto;}
.page-hero .kicker{color:var(--blue-light);}
.page-hero h1{font-size:clamp(38px,6vw,72px); color:var(--white); max-width:16ch;}
.page-hero p{margin-top:18px; color:#C4D0F0; max-width:52ch; font-size:17px;}
.crumb{font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:#8DA3E8; margin-bottom:16px;}
.crumb a{color:#8DA3E8; transition:color .2s;}
.crumb a:hover{color:var(--white);}

/* ---------- hero (home only) ---------- */
.hero{
  position:relative; min-height:92vh; display:flex; align-items:flex-end;
  overflow:hidden; background:var(--navy);
}
.hero video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:saturate(0.7) brightness(0.5) hue-rotate(-6deg);
  mix-blend-mode:luminosity;
  opacity:0.9;
}
.hero::before{
  content:''; position:absolute; inset:0;
  background:
    linear-gradient(0deg, rgba(11,30,61,1) 0%, rgba(11,30,61,0.6) 45%, rgba(11,30,61,0.35) 100%),
    radial-gradient(ellipse 70% 60% at 15% 100%, rgba(47,92,224,0.35), transparent 70%);
  z-index:1;
}
.hero-inner{position:relative; z-index:2; width:100%; padding:0 var(--edge) 90px;}
.hero-eyebrow{
  font-family:'IBM Plex Mono', monospace;
  font-size:13px; color:var(--blue-light); letter-spacing:0.06em;
  display:flex; align-items:center; gap:10px; margin-bottom:18px;
}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--blue-light); box-shadow:0 0 10px var(--blue-light); animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.35;}}
.hero h1{
  font-size:clamp(46px, 8vw, 122px);
  max-width:16ch; color:var(--white);
  opacity:0; transform:translateY(24px);
  animation:riseIn 1s cubic-bezier(.2,.7,.2,1) .15s forwards;
}
.hero p.sub{
  margin-top:24px; max-width:46ch; font-size:clamp(16px,1.6vw,19px); color:#C4D0F0;
  opacity:0; transform:translateY(18px);
  animation:riseIn 1s cubic-bezier(.2,.7,.2,1) .4s forwards;
}
@keyframes riseIn{to{opacity:1; transform:translateY(0);}}
.hero-cta{
  margin-top:38px; display:flex; gap:16px; flex-wrap:wrap;
  opacity:0; animation:riseIn 1s cubic-bezier(.2,.7,.2,1) .62s forwards;
}
.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 28px; font-size:14.5px; font-weight:600;
  border-radius:2px; cursor:pointer; border:1px solid transparent;
  transition:transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}
.btn-solid{background:var(--blue); color:var(--white);}
.btn-solid:hover{transform:translateY(-2px); background:var(--blue-light);}
.btn-ghost{border-color:rgba(255,255,255,0.3); color:var(--white);}
.btn-ghost:hover{border-color:var(--white); transform:translateY(-2px);}
.btn-ghost.on-light{border-color:var(--line); color:var(--navy);}
.btn-ghost.on-light:hover{border-color:var(--blue); color:var(--blue);}

.hero-stats{position:relative; z-index:2; display:flex; border-top:1px solid var(--line-dark);}
.hero-stats .stat{flex:1; padding:22px var(--edge); border-right:1px solid var(--line-dark);}
.hero-stats .stat:last-child{border-right:none;}
.hero-stats .num{font-family:'Big Shoulders Display'; font-weight:800; font-size:clamp(26px,3vw,40px); color:var(--blue-light);}
.hero-stats .label{font-size:12.5px; color:#A9B8DE; margin-top:2px;}
@media (max-width:760px){
  .hero-stats{flex-wrap:wrap;}
  .hero-stats .stat{flex:1 1 50%; border-bottom:1px solid var(--line-dark);}
}

/* ---------- section shell ---------- */
section{padding:70px 0;}
@media (max-width:760px){section{padding:72px 0;}}
.kicker{
  font-family:'IBM Plex Mono', monospace; font-size:15px; color:var(--blue);
  letter-spacing:0.04em; margin-bottom:14px;
}
.section-head{max-width:640px; margin-bottom:60px;}
.section-head h2{font-size:clamp(32px,4.4vw,52px);}
.section-head p{margin-top:18px; color:var(--ink-dim); font-size:17px; max-width:52ch;}
.section-head.split{display:flex; justify-content:space-between; align-items:flex-end; gap:32px; flex-wrap:wrap; max-width:none;}

.band{background:var(--navy);}
.band-alt{background:var(--sky);}

/* ---------- about / timeline ---------- */
.about-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:80px; align-items:start;}
@media (max-width:900px){.about-grid{grid-template-columns:1fr; gap:56px;}}
.about-copy p{color:var(--ink-dim); margin-bottom:18px; font-size:16px;}
.about-copy strong{color:var(--navy); font-weight:600;}

.timeline{position:relative; padding-left:28px; border-left:1px solid var(--line);}
.tl-item{position:relative; padding-bottom:44px;}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{
  content:''; position:absolute; left:-33px; top:4px; width:9px; height:9px;
  border-radius:50%; background:var(--paper); border:2px solid var(--blue);
}
.tl-year{font-family:'IBM Plex Mono', monospace; color:var(--blue); font-size:14px; margin-bottom:6px;}
.tl-item h4{font-size:24px; font-weight:700; margin-bottom:6px;}
.tl-item p{color:var(--ink-dim); font-size:15px; max-width:44ch;}

.clients{margin-top:80px; padding-top:48px; border-top:1px solid var(--line);}
.clients .kicker{margin-bottom:32px;}
.client-row{display:grid; grid-template-columns:repeat(4,1fr); gap:32px; align-items:center;}
@media (max-width:760px){.client-row{grid-template-columns:repeat(2,1fr); row-gap:36px;}}
.client-item{display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; opacity:0.8; transition:opacity .25s ease;}
.client-item:hover{opacity:1;}
.client-item img{height:52px; width:auto; object-fit:contain;}
.client-item span{font-size:12.5px; color:var(--ink-dim);}

/* ---------- services ---------- */
.service-list{border-top:1px solid var(--line);}
.service-row{
  display:grid; grid-template-columns:64px 1fr 1.3fr; gap:32px;
  padding:38px 0; border-bottom:1px solid var(--line);
  align-items:start; transition:background .3s ease;
}
.service-row:hover{background:rgba(47,92,224,0.04);}
.service-idx{font-family:'IBM Plex Mono', monospace; color:var(--ink-faint); font-size:14px; padding-top:6px;}
.service-row h3{font-size:clamp(26px,3vw,34px); font-weight:700;}
.service-row p{color:var(--ink-dim); font-size:15.5px; padding-top:6px;}
@media (max-width:760px){.service-row{grid-template-columns:1fr; gap:8px;}}

.service-teaser-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
@media (max-width:820px){.service-teaser-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.service-teaser-grid{grid-template-columns:1fr;}}
.teaser-card{background:var(--white); padding:32px 28px;}
.teaser-card .n{font-family:'IBM Plex Mono', monospace; color:var(--blue); font-size:13px; margin-bottom:14px;}
.teaser-card h4{font-size:22px; margin-bottom:10px;}
.teaser-card p{color:var(--ink-dim); font-size:14.5px;}

/* ---------- case studies ---------- */
.case{
  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
  padding:72px 0; border-bottom:1px solid var(--line);
}
.case:first-child{padding-top:0;}
.case:nth-child(even) .case-media{order:2;}
.case-media{
  position:relative; overflow:hidden; aspect-ratio:4/3;
  border-radius:32px 4px 32px 4px;
  box-shadow:0 0 0 1px var(--line), 0 0 0 6px var(--white), 0 0 0 7px var(--line);
  transition:box-shadow .35s ease, border-radius .4s ease;
}
.case-media img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
.case-media:hover{
  border-radius:4px 32px 4px 32px;
  box-shadow:0 0 0 1px var(--blue), 0 0 0 6px var(--white), 0 0 0 7px var(--blue);
}
.case-tag{font-family:'IBM Plex Mono', monospace; font-size:14.5px; color:var(--blue); margin-bottom:14px;}
.case h3{font-size:clamp(24px,2.6vw,32px); margin-bottom:16px; font-weight:700;}
.case p{color:var(--ink-dim); font-size:15.5px; margin-bottom:18px;}
.case ul{display:flex; flex-direction:column; gap:8px;}
.case li{font-size:14.5px; color:var(--ink-dim); padding-left:18px; position:relative;}
.case li::before{content:''; position:absolute; left:0; top:9px; width:6px; height:1px; background:var(--blue);}
@media (max-width:820px){
  .case{grid-template-columns:1fr; gap:28px;}
  .case:nth-child(even) .case-media{order:0;}
}

/* ---------- portfolio ---------- */
.filters{display:flex; gap:10px; margin-bottom:44px; flex-wrap:wrap;}
.filter-btn{
  padding:9px 20px; font-size:13.5px; font-weight:500; border:1px solid var(--line);
  background:var(--white); color:var(--ink-dim); cursor:pointer; border-radius:2px;
  transition:all .25s ease;
}
.grid-portfolio{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
@media (max-width:900px){.grid-portfolio{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.grid-portfolio{grid-template-columns:1fr;}}
.p-item{
  position:relative; aspect-ratio:1/1; overflow:hidden; cursor:pointer;
  border-radius:22px 4px 22px 4px;
  box-shadow:0 0 0 1px var(--line), 0 0 0 4px var(--white), 0 0 0 5px var(--line);
  transition:box-shadow .35s ease, border-radius .4s ease;
}
.p-item img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease, filter .5s ease; filter:grayscale(0.25) brightness(0.92);}
.p-item:hover{
  border-radius:4px 22px 4px 22px;
  box-shadow:0 0 0 1px var(--blue), 0 0 0 4px var(--white), 0 0 0 5px var(--blue);
}
.p-cap{
  position:absolute; inset:auto 0 0 0; padding:18px;
  background:linear-gradient(0deg, rgba(11,30,61,0.92), transparent);
  transform:translateY(8px); opacity:0; transition:all .3s ease;
}
.t-photo{
  aspect-ratio:3/4; overflow:hidden;
  border-radius:20px 4px 20px 4px;
  box-shadow:inset 0 0 0 1px rgba(11,30,61,0.08);
  transition:box-shadow .3s ease, border-radius .4s ease;
}
.t-card:hover .t-photo{
  border-radius:4px 20px 4px 20px;
  box-shadow:inset 0 0 0 2px var(--blue);
}
.p-item:hover .p-cap{transform:translateY(0); opacity:1;}
.p-cap .cat{font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--blue-light); margin-bottom:4px;}
.p-cap h5{font-size:15px; font-weight:600; font-family:'IBM Plex Sans'; color:var(--white);}
.p-item.hide{display:none;}

/* ---------- team ---------- */
/* ---------- team ---------- */
.team-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:560px){.team-grid{grid-template-columns:repeat(2,1fr);}}
.team-grid-compact{grid-template-columns:repeat(auto-fit,minmax(160px,200px)); max-width:fit-content;}
.t-card{background:var(--white); padding:0; position:relative; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease;}
.t-card:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(11,30,61,0.12); z-index:1;}
.t-photo{aspect-ratio:3/4; overflow:hidden;}
.t-photo img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}
.t-card:hover .t-photo img{transform:scale(1.05);}
.t-info{padding:16px 18px 22px;}
.t-info h5{font-size:16px; font-weight:600; font-family:'IBM Plex Sans'; color:var(--navy);}
.t-info .role{font-size:12.5px; color:var(--blue); margin-top:3px; font-family:'IBM Plex Mono', monospace;}

/* ---------- contact ---------- */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:80px;}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr; gap:48px;}}
.c-detail{padding:24px 0; border-bottom:1px solid var(--line);}
.c-detail:first-child{padding-top:0;}
.c-detail .kicker{margin-bottom:8px;}
.c-detail p, .c-detail a{font-size:19px; color:var(--navy);}
.c-detail a:hover{color:var(--blue);}

form{display:flex; flex-direction:column; gap:20px;}
.field{display:flex; flex-direction:column; gap:8px;}
.field label{font-size:12.5px; color:var(--ink-dim); font-family:'IBM Plex Mono', monospace;}
.field input, .field textarea{
  background:var(--white); border:1px solid var(--line);
  color:var(--navy); padding:12px 14px; font-family:'IBM Plex Sans'; font-size:15px; border-radius:2px;
  transition:border-color .25s ease;
}
.field input:focus, .field textarea:focus{outline:none; border-color:var(--blue);}
.field textarea{resize:vertical; min-height:100px;}
form .btn{align-self:flex-start; margin-top:8px;}
form .btn[disabled]{opacity:0.6; cursor:not-allowed; transform:none;}

.field-error{display:block; margin-top:6px; font-size:12.5px; color:#D64545;}

.form-alert{padding:14px 18px; border-radius:2px; font-size:14.5px; margin-bottom:24px;}
.form-alert-success{background:rgba(47,92,224,0.08); border:1px solid var(--blue); color:var(--navy);}

/* ---------- CTA band ---------- */
.cta-band{
  background:var(--navy); padding:80px 0; text-align:left; position:relative; overflow:hidden;
}
.cta-band::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 100% at 90% 50%, rgba(92,130,240,0.3), transparent 60%);
}
.cta-band .inner{position:relative; display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap;}
.cta-band h2{color:var(--white); font-size:clamp(28px,4vw,44px); max-width:14ch;}
.cta-band .actions{display:flex; gap:16px; flex-wrap:wrap;}

/* ---------- footer ---------- */
footer{background:var(--navy); padding:64px 0 32px;}
.foot-top{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:40px; padding-bottom:40px; border-bottom:1px solid var(--line-dark);}
.foot-brand{font-family:'Big Shoulders Display'; font-weight:900; font-size:26px; color:var(--white);}
.foot-brand span{color:var(--blue-light);}
.foot-tag{color:#A9B8DE; font-size:14.5px; margin-top:10px; max-width:34ch;}
.foot-cols{display:flex; gap:64px; flex-wrap:wrap;}
.foot-col h5{font-family:'IBM Plex Mono', monospace; font-size:12px; color:#8DA3E8; margin-bottom:16px; font-weight:500;}
.foot-col a, .foot-col p{display:block; color:#C4D0F0; font-size:14.5px; margin-bottom:10px; transition:color .2s;}
.foot-col a:hover{color:var(--white);}
.foot-social{display:flex; gap:16px; margin-top:8px;}
.foot-social a{
  width:38px; height:38px; border:1px solid var(--line-dark); border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:13px; color:#C4D0F0;
  transition:all .25s ease;
}
.foot-social a:hover{border-color:var(--blue-light); color:var(--white);}
.foot-bottom{
  padding-top:24px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  font-size:13px; color:#7488B8;
}
.case-slider-wrap{position:relative;}
.case-slider{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.case-slider::-webkit-scrollbar{display:none;}
.case-slide{
  flex:0 0 100%;
  scroll-snap-align:start;
}
.case-slider-controls{
  display:flex; align-items:center; justify-content:center; gap:20px;
  margin-top:36px;
}
.slider-progress-wrap{display:flex; flex-direction:column; align-items:center; gap:10px;}
.slider-progress-track{width:140px; height:2px; background:var(--line); border-radius:2px; overflow:hidden;}
.slider-progress-fill{height:100%; width:0%; background:var(--blue); border-radius:2px;}
.slider-progress-fill.animating{transition:width 6s linear;}
.slider-count{font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:var(--ink-dim); min-width:52px; text-align:center;}
.slider-arrow{
  width:42px; height:42px; border-radius:50%;
  border:1px solid var(--line); background:var(--white); color:var(--navy);
  font-size:16px; cursor:pointer; transition:all .25s ease;
}
.slider-arrow:hover{border-color:var(--blue); color:var(--blue);}
.slider-dots{display:flex; gap:8px;}
.slider-dots button{
  width:8px; height:8px; border-radius:50%; border:none; padding:0;
  background:var(--line); cursor:pointer; transition:background .25s ease, width .25s ease;
}
.slider-dots button.active{background:var(--blue); width:22px; border-radius:5px;}
/* ---------- process steps ---------- */
.process-steps{display:flex; gap:0; border-top:1px solid var(--line); margin-top:8px;}
.process-step{flex:1; padding:32px 28px 0;}
.process-step:not(:last-child){border-right:1px solid var(--line);}
.process-num{font-family:'Big Shoulders Display', sans-serif; font-weight:800; font-size:40px; color:var(--blue); margin-bottom:14px; line-height:1;}
.process-step h4{font-size:20px; margin-bottom:8px; font-weight:700;}
.process-step p{color:var(--ink-dim); font-size:14.5px;}
@media (max-width:820px){
  .process-steps{flex-direction:column;}
  .process-step{border-right:none !important; border-bottom:1px solid var(--line); padding-bottom:28px;}
}
.client-slider-wrap{position:relative; overflow:hidden; padding:20px 0;}
.client-slider{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  gap:56px;
  padding:0 calc(50% - 90px);
}
.client-slider::-webkit-scrollbar{display:none;}
.client-slider .client-item{
  flex:0 0 auto; width:180px;
  scroll-snap-align:center;
  opacity:0.4;
  transform:scale(0.82);
  transition:opacity .4s ease, transform .4s ease;
    display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center;
}
.client-slider .client-item.is-active{
  opacity:1;
  transform:scale(1.08);
}
.client-slider .client-item img{height:52px; width:auto; object-fit:contain; margin:0 auto;}

@media (max-width:560px){
  .client-slider{ gap:36px; padding:0 calc(50% - 70px); }
  .client-slider .client-item{ width:140px; }
  .client-slider .client-item img{ height:42px; }
}