.experience.experience-companies{
  padding:96px clamp(24px,7vw,108px);
  background:#151719!important;
  color:#fff!important;
}
.experience-companies *{box-sizing:border-box}
.experience-companies .exp-head{
  display:grid;
  grid-template-columns:minmax(280px,.86fr) minmax(380px,1.14fr);
  gap:72px;
  align-items:end;
  max-width:1440px;
  margin:0 auto 44px;
}
.experience-companies .exp-kicker{
  margin:0 0 16px;
  color:#ec6068;
  font:700 10px/1.2 Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.experience-companies h2{
  margin:0!important;
  color:#fff!important;
  font:400 clamp(40px,4vw,60px)/1 Georgia,serif!important;
}
.experience-companies .exp-intro{
  max-width:720px;
  margin:0;
  color:#c9c6c1;
  font:15px/1.7 Arial,sans-serif;
}
.experience-companies .experience-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  max-width:1440px;
  margin:0 auto 46px;
  border-top:1px solid #3a3d3f;
  border-bottom:1px solid #3a3d3f;
}
.experience-companies .experience-stats span{
  display:flex!important;
  flex-direction:column;
  padding:27px 26px;
  border-right:1px solid #3a3d3f;
}
.experience-companies .experience-stats span:last-child{border-right:0}
.experience-companies .experience-stats b{
  color:#ed626a!important;
  font:400 clamp(31px,3vw,47px)/1 Georgia,serif!important;
}
.experience-companies .experience-stats small{
  margin-top:9px;
  color:#bbb7b2!important;
  font:12px/1.45 Arial,sans-serif!important;
}

/* V3: фотографии — главный визуальный элемент, а не узкая декоративная полоска */
.exp-company-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  max-width:1440px;
  margin:0 auto;
}
.exp-company-card{
  position:relative;
  grid-column:span 6;
  min-width:0;
  overflow:hidden;
  border:1px solid #383c3f;
  border-radius:12px;
  background:#1b1e20;
  box-shadow:0 16px 36px rgba(0,0,0,.16);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.exp-company-card:nth-child(n+3):nth-child(-n+5){grid-column:span 4}
.exp-company-card:hover{
  transform:translateY(-4px);
  border-color:#555b5f;
  box-shadow:0 22px 48px rgba(0,0,0,.25);
}
.exp-company-photo{
  position:relative;
  height:276px;
  overflow:hidden;
  background:#24282a;
}
.exp-company-card:nth-child(n+3):nth-child(-n+5) .exp-company-photo{height:226px}
.exp-company-photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:36%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(13,15,16,.28));
}
.exp-company-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none;
  transform:scale(1.002);
  transition:transform .45s cubic-bezier(.2,.65,.25,1);
}
.exp-company-card:hover .exp-company-photo img{transform:scale(1.035)}
.exp-company-card:nth-child(1) .exp-company-photo img{object-position:center 49%}
.exp-company-card:nth-child(2) .exp-company-photo img{object-position:center 44%}
.exp-company-card:nth-child(3) .exp-company-photo img{object-position:center 46%}
.exp-company-card:nth-child(4) .exp-company-photo img{object-position:center 58%}
.exp-company-card:nth-child(5) .exp-company-photo img{object-position:center 42%}
.exp-company-card:nth-child(6) .exp-company-photo img{object-position:center 48%}
.exp-company-card:nth-child(7) .exp-company-photo img{object-position:center 49%}
.exp-company-body{
  display:flex;
  min-height:265px;
  flex-direction:column;
  padding:25px 27px 27px;
}
.exp-company-card:nth-child(n+3):nth-child(-n+5) .exp-company-body{
  min-height:292px;
  padding:23px 24px 25px;
}
.exp-company-type{
  color:#ed626a;
  font:700 9px/1.3 Arial,sans-serif;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.exp-company-card h3{
  margin:13px 0 11px;
  color:#fff;
  font:400 clamp(23px,1.8vw,30px)/1.08 Georgia,serif;
}
.exp-company-card p{
  max-width:660px;
  margin:0;
  color:#c6c2bd;
  font:13px/1.56 Arial,sans-serif;
}
.exp-company-card ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 20px;
  margin:auto 0 0;
  padding:18px 0 0;
  list-style:none;
  border-top:1px solid #343739;
  color:#e4e1dd;
  font:11px/1.5 Arial,sans-serif;
}
.exp-company-card:nth-child(n+3):nth-child(-n+5) ul{grid-template-columns:1fr}
.exp-company-card li{
  position:relative;
  padding-left:14px;
}
.exp-company-card li::before{
  content:"";
  position:absolute;
  top:.62em;
  left:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d84852;
}
.exp-company-note{
  max-width:1440px;
  margin:24px auto 0;
  color:#8e8b87;
  font:11px/1.55 Arial,sans-serif;
}
@media(max-width:1120px){
  .exp-company-card,
  .exp-company-card:nth-child(n+3):nth-child(-n+5){grid-column:span 6}
  .exp-company-card:nth-child(n+3):nth-child(-n+5) .exp-company-photo{height:240px}
  .exp-company-card:nth-child(n+3):nth-child(-n+5) .exp-company-body{min-height:270px}
}
@media(max-width:760px){
  .experience.experience-companies{padding:68px 20px}
  .experience-companies .exp-head{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  .experience-companies .experience-stats{grid-template-columns:1fr;margin-bottom:34px}
  .experience-companies .experience-stats span{
    padding:21px 4px;
    border-right:0;
    border-bottom:1px solid #3a3d3f;
  }
  .experience-companies .experience-stats span:last-child{border-bottom:0}
  .exp-company-grid{grid-template-columns:1fr;gap:16px}
  .exp-company-card,
  .exp-company-card:nth-child(n+3):nth-child(-n+5){grid-column:auto}
  .exp-company-photo,
  .exp-company-card:nth-child(n+3):nth-child(-n+5) .exp-company-photo{
    height:auto;
    aspect-ratio:16/10;
  }
  .exp-company-body,
  .exp-company-card:nth-child(n+3):nth-child(-n+5) .exp-company-body{
    min-height:0;
    padding:22px 21px 24px;
  }
  .exp-company-card ul,
  .exp-company-card:nth-child(n+3):nth-child(-n+5) ul{
    grid-template-columns:1fr;
    margin-top:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .exp-company-card,.exp-company-photo img{transition:none}
  .exp-company-card:hover{transform:none}
  .exp-company-card:hover .exp-company-photo img{transform:scale(1.002)}
}