.detail-cover {
  isolation: isolate;
  min-height: 380px;
  background: #10251f;
}

.detail-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(3, 15, 12, .12) 5%, rgba(3, 15, 12, .2) 38%, rgba(3, 15, 12, .93) 100%);
}

.detail-cover::after { display: none; }

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

.detail-cover .cover-kicker,
.detail-cover .cover-source,
.detail-cover .image-credit,
.detail-cover h1 {
  z-index: 2;
}

.image-credit {
  position: relative;
  display: block;
  width: max-content;
  margin-bottom: 12px;
  color: rgba(246, 240, 229, .7);
  font-size: .72rem;
  font-weight: 650;
}

@media (max-width: 800px) {
  .detail-cover { min-height: 330px; }
}

@media (max-width: 480px) {
  .detail-cover { min-height: 300px; }
  .detail-cover h1 { font-size: 2.15rem; }
}