@media (min-width: 901px) {
  #realizacie .work-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.site-header--scrolled {
  background: rgba(22, 35, 25, 0.94);
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 12px 36px rgba(9, 16, 10, 0.16);
}

.button,
.project-card,
.feature__media {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(7, 14, 8, 0.2);
}

.feature__media {
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 26px 70px rgba(5, 10, 6, 0.3);
}

.project-card {
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 14px 34px rgba(31, 39, 28, 0.13);
}

.project-card:hover {
  border-color: rgba(255, 255, 255, 0.32);
  box-shadow: 0 20px 42px rgba(31, 39, 28, 0.2);
  transform: translateY(-3px);
}

.section-heading h2,
.feature__copy h2,
.work-preview__heading h2,
.contact-cta__copy h2 {
  text-wrap: balance;
}

@media (prefers-reduced-motion: reduce) {
  .button,
  .project-card,
  .feature__media {
    transition: none;
  }
}