.course-cover > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-cover > img + .course-status {
  background: rgba(255, 253, 248, .92);
}

.live-section {
  min-height: calc(100vh - 96px);
  padding: clamp(52px, 7vw, 90px) clamp(20px, 7vw, 110px);
  background: #1d1b17;
  color: #eee8dd;
}

.live-heading {
  max-width: 760px;
  margin-bottom: 30px;
}

.live-heading h2 {
  font: 500 clamp(38px, 5vw, 68px)/1.15 var(--serif);
  margin: 0 0 16px;
}

.live-heading > p:last-child,
.live-offline {
  color: #aaa398;
}

.live-offline,
.live-password-card {
  max-width: 560px;
  border: 1px solid #4a443a;
  padding: 28px;
  background: #24211d;
}

.live-password-card label {
  color: #c7bda9;
}

.live-password-card input {
  width: 100%;
  margin-top: 8px;
  padding: 11px;
  border: 1px solid #5d5447;
  background: #151411;
  color: #fff;
}

.live-player-card {
  max-width: 1100px;
}

.live-player-card > .outline-button {
  margin-top: 14px;
}

@media (max-width: 680px) {
  .live-section {
    min-height: calc(100vh - 132px);
    padding-top: 42px;
  }
}