body {
  background: #d9f0fb;
}

.project-page {
  position: relative;
  z-index: 2;
  overflow: clip;
  margin-bottom: 0;
  border-radius: 0 0 clamp(36px, 5vw, 76px) clamp(36px, 5vw, 76px);
  background: var(--paper, #f5f5f5);
  box-shadow: 0 18px 42px rgba(48, 67, 90, 0.12);
}
.case-study-grass-footer {
  position: sticky;
  bottom: 0;
  z-index: 0;
  height: clamp(300px, 44vh, 480px);
  min-height: 300px;
  margin-top: calc(clamp(36px, 5vw, 76px) * -1);
  overflow: hidden;
  background: #d9f0fb;
  cursor: crosshair;
  touch-action: manipulation;
}

.case-study-grass-footer__canvas {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 760px) {
  .project-page {
    border-radius: 0 0 34px 34px;
  }

  .case-study-grass-footer {
    height: 320px;
    min-height: 320px;
    margin-top: -34px;
  }
}