.buffet-showcase {
  position: relative;
  min-height: clamp(560px, 72vw, 820px);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  isolation: isolate;
}

.buffet-showcase > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

.buffet-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .52) 43%, rgba(0, 0, 0, .08) 76%),
    linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, transparent 55%);
}

.buffet-copy {
  width: min(680px, calc(100% - 40px));
  margin: 0 0 clamp(48px, 8vw, 100px) clamp(20px, 7vw, 110px);
}

.buffet-copy h2 {
  font-size: clamp(3.6rem, 7vw, 7rem);
}

.buffet-copy > p:not(.eyebrow) {
  max-width: 590px;
  margin: 22px 0 28px;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.65;
}

@media (max-width: 700px) {
  .buffet-showcase {
    min-height: 680px;
  }

  .buffet-showcase > img {
    object-position: 58% center;
  }

  .buffet-shade {
    background:
      linear-gradient(0deg, rgba(0, 0, 0, .94) 0%, rgba(0, 0, 0, .36) 72%, rgba(0, 0, 0, .1) 100%);
  }

  .buffet-copy {
    margin: 0 20px 42px;
  }
}