/* =====================================
   POOKIEPRINTS3D PROJECT
===================================== */

/* HERO */

.pookie-project .project-hero-gradient {
  background:
    radial-gradient(
      ellipse at 85% 85%,
      rgba(255, 177, 151, 0.95),
      transparent 48%
    ),
    radial-gradient(
      ellipse at 45% 100%,
      rgba(255, 214, 174, 0.9),
      transparent 48%
    ),
    radial-gradient(
      ellipse at 15% 65%,
      rgba(75, 190, 183, 0.8),
      transparent 48%
    ),
    radial-gradient(ellipse at 80% 10%, rgba(30, 45, 72, 0.9), transparent 60%),
    #071015;
}

/* TITEL */

.pookie-project .project-hero h1 {
  font-size: clamp(65px, 10vw, 165px);
}

/* ACCENTEN */

.pookie-project .project-intro h2 span,
.pookie-project .project-features .section-heading h2 span {
  color: #ffad94;
}

.pookie-project .feature-number {
  color: #ffad94;
}

/* FEATURE HOVER */

.pookie-project .project-feature:hover {
  background: #ffad94;
  color: #17100e;
}

.pookie-project .project-feature:hover .feature-number {
  color: #17100e;
}

.pookie-project .project-feature:hover p {
  color: #38251e;
}

/* SHOWCASE ACHTERGROND */

.pookie-project .project-image-wrapper {
  background: linear-gradient(135deg, #ffb9a2, #75c9c0);
}

/* CTA */

.pookie-project .project-cta-gradient {
  background:
    radial-gradient(
      ellipse at 90% 100%,
      rgba(255, 179, 145, 0.95),
      transparent 50%
    ),
    radial-gradient(
      ellipse at 50% 80%,
      rgba(255, 211, 170, 0.85),
      transparent 55%
    ),
    radial-gradient(
      ellipse at 80% 20%,
      rgba(85, 191, 185, 0.7),
      transparent 60%
    );
}

.pookie-project .project-cta-button:hover {
  background: #ffad94;
}

/* RESPONSIVE */

@media (max-width: 768px) {
  .pookie-project .project-hero h1 {
    font-size: clamp(42px, 10vw, 75px);
  }

  .pookie-project .project-cta h2 {
    overflow-wrap: anywhere;
  }
}