/* Shared film strip for preview tool pages */
.zoth-film {
  position: relative;
  min-height: 38svh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  margin: 0 0 1.25rem;
  border-bottom: 1px solid rgba(232, 200, 114, 0.18);
}
.zoth-film video,
.zoth-film img.zoth-film-still {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zoth-film .zoth-film-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5,5,8,0.15) 0%, rgba(5,5,8,0.55) 55%, #050508 100%);
}
.zoth-film .zoth-film-copy {
  position: relative;
  z-index: 2;
  padding: 28px 22px 32px;
  max-width: 40rem;
}
.zoth-film .kicker {
  font-family: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e8c872;
  margin-bottom: 8px;
}
.zoth-film h1,
.zoth-film .zoth-film-title {
  font-family: Fraunces, "Iowan Old Style", Palatino, serif;
  font-weight: 600;
  font-size: clamp(1.7rem, 4vw, 2.6rem);
  letter-spacing: -0.035em;
  line-height: 0.98;
  color: #f7f4ee;
  margin: 0;
}
.zoth-film p {
  margin: 10px 0 0;
  color: #a8a4c2;
  line-height: 1.55;
  max-width: 32rem;
}
.zoth-film .go {
  display: inline-block;
  margin-top: 14px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #e8c872;
  text-decoration: none;
}
@media (max-width: 760px) {
  .zoth-film { min-height: 32svh; }
  .zoth-film .zoth-film-copy { padding: 20px 16px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .zoth-film video { display: none; }
}
