/* ===== V57: homepage projects rhythm + refined credibility backdrop ===== */
.stage1-v45 .credibility{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.stage1-v45 .credibility::before{
  content:"";
  position:absolute;
  inset:0 0 0 42%;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.95) 14%,
      rgba(255,255,255,.84) 28%,
      rgba(248,250,252,.46) 54%,
      rgba(248,250,252,.20) 76%,
      rgba(248,250,252,.12) 100%),
    url('projects/stadion-wroclaw-2.webp');
  background-size:cover;
  background-position:center 42%;
  opacity:.34;
  filter:grayscale(1) brightness(1.08) contrast(1.02);
  pointer-events:none;
}
.stage1-v45 .credibility::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  pointer-events:none;
}
.stage1-v45 .credibility-grid{
  position:relative;
  z-index:1;
}

.stage1-v45 .projects{
  padding-top:72px;
  padding-bottom:96px;
}
.stage1-v45 .projects .section-head{
  margin-bottom:28px;
}

@media (max-width:1100px){
  .stage1-v45 .credibility::before{
    inset:0 0 0 34%;
    background-position:center center;
    opacity:.28;
  }
  .stage1-v45 .projects{
    padding-top:64px;
    padding-bottom:84px;
  }
}

@media (max-width:820px){
  .stage1-v45 .credibility::before{
    inset:0;
    opacity:.18;
    background-position:68% center;
  }
  .stage1-v45 .projects{
    padding-top:56px;
    padding-bottom:72px;
  }
  .stage1-v45 .projects .section-head{
    margin-bottom:24px;
  }
}

@media (max-width:560px){
  .stage1-v45 .credibility::before{
    inset:0;
    opacity:.14;
    background-position:72% center;
  }
  .stage1-v45 .projects{
    padding-top:44px;
    padding-bottom:56px;
  }
  .stage1-v45 .projects .section-head{
    margin-bottom:16px;
  }
  .stage1-v45 .projects-mobile-intro{
    margin-bottom:20px;
  }
}