.green-images {
  height: 590px;
  display: grid;
  grid-template-columns: 1.18fr 0.82fr;
  grid-template-rows: 56% 44%;
  gap: 12px;
  position: relative;
}

.green-images img,
.green-images video {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 26px 60px #14321655;
  transform: none;
}

.green-images .setup {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  border-radius: 26px 12px 12px 12px;
  object-position: center;
}

.green-images .result {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px 12px 12px 26px;
  object-position: center 35%;
}

.green-images .green-video {
  grid-column: 2;
  grid-row: 1 / -1;
  display: block;
  border: 0;
  border-radius: 12px 26px 26px 12px;
  background: #08100a;
  object-position: center;
  object-fit: contain;
}

@media (max-width: 620px) {
  .green-images {
    height: 560px;
    grid-template-columns: 1fr 0.9fr;
    grid-template-rows: 52% 48%;
  }

  .green-images .setup,
  .green-images .result {
    width: 100%;
    height: 100%;
  }
}

.graduation-showcase {
  border-top: 4px solid #0a0d0b;
}

.wedding-showcase {
  background: linear-gradient(135deg, #f8ede8 0%, #ead6ce 100%);
  border-top: 4px solid #c9a69a;
}

.wedding-showcase .green-copy .eyebrow {
  color: #8a4d4d;
}

.wedding-showcase .green-copy p {
  color: #574b46;
}

.wedding-showcase .green-copy li::before {
  color: #8a4d4d;
}

.wedding-showcase .green-images img,
.wedding-showcase .green-images video {
  box-shadow: 0 26px 60px rgba(79, 52, 43, 0.22);
}

.corporate-showcase {
  background: linear-gradient(135deg, #071a35 0%, #123967 100%);
  border-top: 4px solid #3c78b8;
  color: #ffffff;
}

.corporate-showcase .green-copy .eyebrow {
  color: #78b8ff;
}

.corporate-showcase .green-copy h2 {
  color: #ffffff;
}

.corporate-showcase .green-copy p {
  color: #d5e2f1;
}

.corporate-showcase .green-copy li::before {
  color: #78b8ff;
}

.corporate-showcase .button-dark {
  background: #ffffff;
  color: #071a35;
}

.corporate-showcase .button-dark:hover {
  background: #dcecff;
}

.corporate-showcase .green-images img,
.corporate-showcase .green-images video {
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.38);
}