.frame-type-text-image-two-col {
  container-type: inline-size;
  height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  .frame-type-text-image-two-col {
    transition: 0.3s opacity, 0.3s transform;
    transform: translateY(0.5rem);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .frame-type-text-image-two-col.frame--visible {
    transform: translateY(0);
    opacity: 1;
  }
}

.text-image-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  height: 100%;
  gap: var(--layout-grid-gap);
}
@container (width < 800px) {
  .text-image-two-col {
    grid-template-columns: 1fr;
  }
}
.text-image-two-col--image-right .text-image-two-col-gallery {
  order: 2;
}
@container (width < 800px) {
  .text-image-two-col--image-right .text-image-two-col-gallery {
    order: 0;
  }
}
.text-image-two-col--image-left .text-image-two-col-content {
  justify-self: end;
}
@container (width < 800px) {
  .text-image-two-col--image-left .text-image-two-col-content {
    justify-self: stretch;
  }
}
.text-image-two-col--background-gray {
  background: var(--color-card);
  border-radius: var(--border-radius-xl);
  padding: 6rem 2rem;
  overflow: hidden;
}
@media (max-width: 990px) {
  .text-image-two-col--background-gray {
    padding: 4rem 1rem;
  }
}
.text-image-two-col-gallery {
  position: relative;
}
.text-image-two-col-gallery-item {
  border-radius: var(--border-radius-xl);
  overflow: hidden;
  display: block;
}
.text-image-two-col-gallery[data-images="1"] {
  justify-self: center;
  align-self: center;
}
.text-image-two-col-gallery[data-images="2"], .text-image-two-col-gallery[data-images="3"] {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  gap: 2.5rem 2rem;
  justify-self: end;
}
@container (width < 800px) {
  .text-image-two-col-gallery[data-images="2"], .text-image-two-col-gallery[data-images="3"] {
    padding: 0 1rem;
    justify-self: center;
  }
}
@container (width < 730px) {
  .text-image-two-col-gallery[data-images="2"], .text-image-two-col-gallery[data-images="3"] {
    gap: 1rem;
    grid-template-columns: 5fr 4fr;
    margin-bottom: 3rem;
  }
}
.text-image-two-col-gallery[data-images="2"]::before, .text-image-two-col-gallery[data-images="3"]::before {
  content: "";
  position: absolute;
  top: 80%;
  left: 70%;
  width: 90rem;
  height: 50rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  --blob-transform: translate(-50%, -50%);
  animation: var(--blob-animation-blue);
  background-image: var(--blob-blue);
  opacity: 0.7;
  pointer-events: none;
}
@container (width < 730px) {
  .text-image-two-col-gallery[data-images="2"]::before, .text-image-two-col-gallery[data-images="3"]::before {
    top: 30%;
    left: 30%;
    width: 50rem;
    height: 40rem;
  }
}
.text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item, .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item {
  position: relative;
}
@container (width < 650px) {
  .text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item, .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item {
    width: 100% !important;
  }
}
.text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item:nth-child(1), .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item:nth-child(1) {
  width: 12rem;
  justify-self: end;
  align-self: end;
}
@container (width < 650px) {
  .text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item:nth-child(1), .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item:nth-child(1) {
    width: 6rem !important;
  }
}
.text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item:nth-child(2), .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item:nth-child(2) {
  width: 16rem;
  grid-row: span 2;
  align-self: center;
}
.text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item:nth-child(3), .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item:nth-child(3) {
  width: 20rem;
}
.text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item img, .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item img {
  border-radius: var(--border-radius-large);
}
@container (width < 730px) {
  .text-image-two-col-gallery[data-images="2"] .text-image-two-col-gallery-item img, .text-image-two-col-gallery[data-images="3"] .text-image-two-col-gallery-item img {
    border-radius: var(--border-radius-medium);
  }
}
.text-image-two-col-content {
  align-self: center;
  max-width: 37rem;
  width: 100%;
}
@media (max-width: 1680px) {
  .text-image-two-col-content {
    max-width: 50rem;
  }
}
@container (width < 800px) {
  .text-image-two-col-content {
    max-width: 100%;
  }
}
.text-image-two-col-tags {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

/*# sourceMappingURL=frontend.css.map */