.hero {
  background-blend-mode: multiply, normal;
}

.technical-card img,
.work-image img,
.detail-card img,
.visual-card img,
.project-image img,
.team-image img,
.process-image img,
.about-image img,
.summary-image img {
  filter: saturate(1.12) contrast(1.04);
}

.work-image,
.project-image,
.team-image,
.process-image,
.about-image,
.summary-image {
  position: relative;
  overflow: hidden;
}

.work-image::after,
.project-image::after,
.team-image::after,
.process-image::after,
.about-image::after,
.summary-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(35, 117, 211, 0.24), transparent 44%),
    linear-gradient(315deg, rgba(14, 165, 233, 0.14), transparent 42%);
  opacity: 0.55;
}

.technical-card img,
.visual-card img,
.detail-card img,
.work-image img,
.project-image img,
.team-image img,
.process-image img,
.about-image img,
.summary-image img {
  transition: transform 0.48s ease, filter 0.48s ease;
}

.technical-card:hover img,
.visual-card:hover img,
.detail-card:hover img,
.work-card:hover img,
.project-card:hover img,
.team-card:hover img {
  transform: scale(1.045);
  filter: saturate(1.22) contrast(1.08);
}

.technical-card,
.visual-card,
.work-card,
.project-card,
.detail-card {
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.22);
}

.technical-card:hover,
.visual-card:hover,
.work-card:hover,
.project-card:hover,
.detail-card:hover {
  box-shadow: 0 30px 72px rgba(35, 117, 211, 0.18);
}