:root {
  --primary: #d84174;
  --black: #31302b;
  --white: #ece7e3;
}

::selection {
  background: var(--primary) !important;
  color: var(--white) !important;
}

/* Text Overlay Effect */
[data-framer-name="project-title-overlay"].text-base {
  position: relative;
  color: var(--black);
  z-index: 2;
}

[data-framer-name="project-title-overlay"].text-overlay {
  position: absolute;
  color: var(--white) !important;
  z-index: 3;
  pointer-events: none;
  clip-path: polygon(
    var(--img-left, 0) var(--img-top, 0),
    var(--img-right, 500px) var(--img-top, 0),
    var(--img-right, 500px) var(--img-bottom, 400px),
    var(--img-left, 0) var(--img-bottom, 400px)
  );
}

[data-framer-name="project-title-overlay"].text-overlay * {
  color: var(--white) !important;
}

img {
  border-radius: 0 !important;
}