.hero-film {
  min-width:0;
  width:100%;
  margin:0;
  overflow:hidden;
  color:#252825;
  background:#fafaf7;
  border:1px solid #dedfd9;
  border-radius:24px;
  box-shadow:0 20px 60px #1b1d1c08;
}
.hero-film-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:19px 23px;
  color:#697160;
  font-size:11px;
  line-height:1.5;
}
.hero-film-heading span:first-child {
  font:10px/1.5 ui-monospace,Consolas,monospace;
  letter-spacing:.12em;
}
.hero-film-stage { position:relative;aspect-ratio:16/9;background:#171b18; }
.hero-film-video { display:block;width:100%;height:100%;object-fit:contain; }
.hero-film-play {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:13px 21px;
  border:1px solid #ffffff66;
  border-radius:30px;
  background:#1b211be6;
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  cursor:pointer;
}
.hero-film-play[hidden] { display:none; }
.hero-film-play svg { fill:currentColor;flex-shrink:0; }
.hero-film-play:focus-visible { outline:3px solid #b5d997;outline-offset:4px; }
.hero-film-play:disabled { cursor:wait; }
.hero-film-caption { display:grid;gap:7px;padding:21px 23px 23px; }
.hero-film-caption strong { font-size:17px;font-weight:500;line-height:1.6; }
.hero-film-caption>span { color:#687064;font-size:12px;line-height:1.7; }
.hero-film-caption .hero-film-status { color:#775126; }
.hero-film-status:empty { display:none; }
.hero-film-caption a { font-size:13px;text-decoration:underline;text-underline-offset:3px; }
@media(max-width:700px) {
  .hero-film { border-radius:20px; }
  .hero-film-heading { padding:16px 18px;font-size:10px; }
  .hero-film-heading span:first-child { font-size:9px; }
  .hero-film-caption { padding:18px; }
  .hero-film-caption strong { font-size:15px; }
  .hero-film-caption>span { font-size:11px; }
}