/* Only page-specific styling. The catalog cards use the exact same markup,
   layout, dimensions, browser frame, phone mockup and responsive CSS
   as the projects section on the home page (components.css and projects-preview.css).
   No card styles are overridden here. */
.page-projects a.project-card {
  color: inherit;
  text-decoration: none;
}

/* The homepage already uses matching violet/red/teal classes.
   New projects with the default blue theme get an equivalent backdrop. */
.project-theme-blue {
  --project-accent: rgba(0, 140, 255, 0.4);
  background: #07121b;
}

.page-projects .projects-inquiry {
  padding-block: clamp(72px, 7vw, 100px);
}

.page-projects .projects-inquiry .section-heading {
  margin-bottom: 32px;
}

@media (max-width: 640px) {
  .page-projects .projects-inquiry .button {
    width: 100%;
  }
}