.ebp-custom-full-width-image-1-inner img {
  margin-inline-start: auto;
  width: 100%;
}

/* Small: wide strip aspect ratio 1312 / 253 */
.ebp-custom-full-width-image-1-inner.ebp-custom-full-width-image-1--size-small {
  aspect-ratio: 1312 / 253;
  overflow: hidden;
}

.ebp-custom-full-width-image-1-inner.ebp-custom-full-width-image-1--size-small
  img {
  height: 100%;
  object-fit: cover;
}

/* Large: landscape aspect ratio 1409 / 708 */
.ebp-custom-full-width-image-1-inner.ebp-custom-full-width-image-1--size-large {
  aspect-ratio: 1409 / 708;
  overflow: hidden;
}

.ebp-custom-full-width-image-1-inner.ebp-custom-full-width-image-1--size-large
  img {
  height: 100%;
  object-fit: cover;
}

.pattern.ebp-custom-full-width-image-1-inner {
  background-image: url(/wp-content/uploads/2026/02/p-graphic.svg);
  background-repeat: repeat;
  background-size: 13.59px 19.33px;
  background-position: top left;
}

/* css triangle with border top */
.pattern .triangle-1,
.pattern .triangle-2 {
  position: absolute;
  z-index: 99;
  top: auto;
  bottom: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-bottom: 290px solid var(--slate);
}

.pattern .triangle-1 {
  left: -5%;
  /* animation: triangle-drift-right 12s linear infinite; */
}

.pattern .triangle-2 {
  left: 20%;
  /* animation: triangle-drift-right 14s linear infinite; */
}

.ebp-custom-full-width-image-1 {
  background-color: var(--slate);
}

.ebp-custom-full-width-image-1-inner,
.ebp-custom-projects-1-item-image {
  position: relative;
}

.ebp-custom-full-width-image-1-inner:before,
.ebp-custom-projects-1-item-image:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--gold);
  opacity: 0.1;
  z-index: 9;
}

@media (max-width: 1024px) {
  .ebp-custom-full-width-image-1 {
    padding-block-start: var(--spacing-4);
  }

  .single-project .ebp-custom-full-width-image-1 {
    padding-block-start: 0;
  }
}

/* Slow continuous drift to the right */
/* @keyframes triangle-drift-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
} */