/* ===== SERVICES ===== */
.service-panel .container{
  padding-top: 110px;
}

.service-card{
  display:grid;
  gap: 16px;
  max-width: 1100px;
}
.service-meta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
}
.service-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items:center;
}
@media (min-width: 980px){
  .service-grid{ grid-template-columns: 1.1fr .9fr; gap: 28px; }
}
.service-copy{
  display:grid;
  gap: 14px;
}
.service-copy p{ margin:0; color: var(--muted); }
.service-shot{
  border-radius: calc(var(--radius) + 14px);
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  box-shadow: var(--shadow);
  aspect-ratio: 4 / 3;
  background: rgba(255,255,255,.04);
}
.service-shot img{
  width:100%;
  height:100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .8s ease, filter .8s ease;
}
.service-shot:hover img{
  transform: scale(1.08);
  filter: saturate(1.15) contrast(1.08);
}