.split-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.split-heading {
  text-align: center;
  padding: 82px 24px 46px;
}

.split-heading p {
  margin: 0 0 12px;
  color: var(--orange);
  font: 12px 'DM Mono', monospace;
  letter-spacing: 1.5px;
}

.split-heading h2 {
  margin: 0;
  font: 500 clamp(2.7rem, 5vw, 5rem)/.94 'Cormorant Garamond', serif;
  letter-spacing: -1.5px;
}

.split-heading em { font-style: italic; }

.split-intro a {
  min-height: 300px;
  padding: 35px 5vw;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
  color: var(--cream);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.tile-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

.split-intro a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(28,58,40,.88), rgba(28,58,40,.38) 74%);
  z-index: -1;
  transition: background .25s ease;
}

.split-intro a:hover::before {
  background: linear-gradient(0deg, rgba(28,58,40,.76), rgba(28,58,40,.24) 74%);
}

.split-intro .play-tile { justify-content: flex-end; }

.split-intro strong {
  font: 500 clamp(3.6rem, 6vw, 6.2rem)/.75 'Cormorant Garamond', serif;
  letter-spacing: -2px;
  text-shadow: 0 2px 16px rgba(0,0,0,.24);
}

@media (max-width: 760px) {
  .split-intro a { min-height: 220px; }
}