/* Shared text tokens: readable on the darkest and selected warm panels. */
:root {
  --muted: #b4a999;
}

/* Keep the existing gold mark and light wordmark readable over moving footage. */
.site-head::before {
  opacity: 1;
  background: rgba(17, 15, 13, .94);
}
.brand__text em { color: var(--paper-dim); }

/* Dark ink must be opaque on the ochre service card. */
.svc article.svc--gold p { opacity: 1; }

/* Caption gradients cover the text area; the upper image stays untouched. */
.film figcaption,
.crew-card figcaption {
  padding-top: 32px;
  background: linear-gradient(180deg, transparent, rgba(17, 15, 13, .78) 38%, rgba(17, 15, 13, .94));
}
.film small,
.crew-card small,
.featured__meta,
.reel__tag,
.grade__tag--r { color: #f2ce89; }

.reel__tag,
.grade__tag { background: rgba(17, 15, 13, .82); }

.svc--film .svc__body,
.svc--ad .svc__body {
  background: linear-gradient(180deg, transparent 20%, rgba(17, 15, 13, .48) 55%, rgba(17, 15, 13, .94) 100%);
}
.svc--film p,
.svc--ad p,
.hero__copy p,
.featured p { color: var(--paper); }

/* The face remains lit; only the lower copy zone needs a stronger scrim. */
.featured__scrim {
  background: linear-gradient(180deg, transparent 15%, rgba(17, 15, 13, .24) 40%, rgba(17, 15, 13, .70) 65%, rgba(17, 15, 13, .94) 100%);
}
.show small { color: var(--paper-dim); }

@media (max-width: 720px) {
  .featured__in { padding-inline: var(--pad); }
}