/* ======================================================
   STUDIO#RE — PROJECT BBL
   Kleine projectspecifieke correcties bovenop re_project.css
======================================================= */

.project-bbl .project-hero-overlay {
  background:
    linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.30) 47%, rgba(0,0,0,.06) 100%),
    linear-gradient(0deg, rgba(0,0,0,.38) 0%, transparent 52%);
}

.project-bbl .project-hero-name {
  width: min(76vw, 1060px);
}

.project-bbl .project-statement h2 {
  max-width: 1500px;
}

.project-bbl .project-cta-overlay {
  background:
    linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.28) 48%, rgba(0,0,0,.14) 100%),
    linear-gradient(0deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.14) 58%, rgba(0,0,0,.05) 100%);
}

@media (max-width: 900px) {
  .project-bbl .project-hero-name {
    width: 100%;
  }
}