/* Scoped with :has() to the paragraph carrying a specific view display, so the
   treatment does not land on every `view_block` section on the site: the
   component's own markup is identical for all of them (view-block.twig), and
   sdc_display gives it no per-paragraph hook. Same pattern as
   css/teaching-modules-grid-layout.css.

   This file — not a node component's CSS — is the right home: SDC attaches a
   component's stylesheet only where that component renders, and
   `node--student-project` renders on a single project page, never on the
   listing that holds these paragraphs. */
.paragraph-container:has(.view-display-id-block_student_projects_grid_completed) {
  position: relative;
  padding-top: 2rem;

    &:after {
      content: "";
      width: 100vw;
      height: 100%;
      background-image: url(/themes/custom/pt_base/images/decoration/background-beige-noise.png);
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
  }
}