.work-gallery{background:#f7fbfe}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:235px;gap:16px}
.shot{position:relative;overflow:hidden;border-radius:20px;background:#071c34;box-shadow:0 12px 35px rgba(8,45,78,.1);margin:0}
.shot:nth-child(1),.shot:nth-child(4){grid-column:span 7}
.shot:nth-child(2),.shot:nth-child(3){grid-column:span 5}
.shot:nth-child(5),.shot:nth-child(6){grid-column:span 6}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.shot:hover img{transform:scale(1.035)}
.shot:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(3,18,34,.88))}
.shot figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;color:#fff;font-weight:800}
.shot figcaption span{display:block;color:#bce8ff;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px}
@media(max-width:850px){
  .gallery{grid-auto-rows:220px}
  .shot:nth-child(n){grid-column:span 6}
}
@media(max-width:560px){
  .hero{background-position:63% center;background-image:linear-gradient(90deg,rgba(4,25,48,.98) 0%,rgba(7,35,66,.9) 70%,rgba(7,35,66,.66)),url('jaime-atendimento-ar.jpg')}
  .gallery{grid-template-columns:1fr;grid-auto-rows:270px}
  .shot:nth-child(n){grid-column:1}
}