.portfolio-grid article::before {
  content: "";
  position: absolute;
  right: 26px;
  bottom: 27px;
  z-index: 2;
  width: 144px;
  height: 44px;
  border-radius: 4px;
  background-color: rgba(248, 246, 240, 0.72);
  background-image: url("assets/brand/logo-watermark-v2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 118px auto;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.14);
  opacity: 0.82;
  pointer-events: none;
}

.portfolio-grid article > div {
  z-index: 3;
  padding-right: 180px;
}

.portfolio-grid article.is-clickable { cursor: pointer; }
.project-enter { position: absolute; inset: 0; z-index: 4; }

@media (max-width: 600px) {
  .portfolio-grid article::before {
    right: auto;
    left: 50%;
    bottom: 22px;
    width: 124px;
    height: 38px;
    background-size: 100px auto;
  }

  .portfolio-grid article > div {
    max-width: 62%;
    padding-right: 0;
  }
}