/* Version 1.1 improvement round: clarify the path into the featured film. */
.premiere-note {
  display: flex;
  align-items: center;
  gap: .8rem;
  max-width: 490px;
  margin-top: 1rem;
  padding: .8rem 1rem;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(23, 35, 42, .12);
  border-radius: 10px;
  backdrop-filter: blur(8px);
}

.premiere-note p { margin: 0; color: #44545a; font-size: .78rem; line-height: 1.45; }
.premiere-note strong { color: var(--ink); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.premiere-icon { display: grid; place-items: center; flex: 0 0 34px; height: 34px; color: #fff; background: var(--aqua); border-radius: 50%; font-size: .72rem; }
.section-heading > p { max-width: 430px; }
.video-card div p:not(.tag):not(.play-cue) { color: #d7e3e4; line-height: 1.6; }
.play-cue { display: flex; align-items: center; gap: .65rem; margin: 1.5rem 0 0; padding-top: 1.2rem; color: #f6c967; border-top: 1px solid rgba(255, 255, 255, .14); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.play-cue span { display: grid; place-items: center; width: 26px; height: 26px; color: #13252b; background: #f6c967; border-radius: 50%; font-size: .6rem; }

@media (max-width: 650px) {
  .hero { min-height: 820px; }
  .hero-wash { background: linear-gradient(0deg, rgba(255,249,230,.98) 0%, rgba(255,249,230,.9) 46%, rgba(255,249,230,.1) 78%); }
  .premiere-note { padding: .7rem .8rem; }
}