/* V353 — light cream film cards. Static first-frame stills, 9:16, no theatre darkness. */

.v353-film-grid,
.video-strip.v353-film-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px 22px!important;
  align-items:start!important;
  background:transparent!important;
}
.video-strip.v353-home-strip,
.v353-film-grid.v353-home-strip{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:32px 24px!important;
}
.v353-film-card{
  display:block;
  min-width:0;
  color:inherit;
  text-align:start;
  background:transparent;
  border:0;
}
.v353-frame{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  overflow:hidden;
  border:1px solid rgba(23,32,50,.12);
  border-radius:10px;
  background:var(--soft,#f4f1eb);
  box-shadow:0 14px 36px rgba(23,32,50,.08);
}
.v353-frame-empty{
  background:
    linear-gradient(180deg,rgba(23,32,50,.03),transparent 42%),
    var(--soft,#f4f1eb);
}
.v353-still{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.v353-still[hidden]{display:none}
.v353-still img,
.v353-poster,
.v353-frame video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:var(--soft,#f4f1eb);
}
.v353-reserved{
  display:block;
  width:100%;
  height:100%;
}
.v353-play{
  position:absolute;
  left:12px;
  bottom:12px;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(251,250,247,.92);
  color:var(--ink,#172032);
  border:1px solid rgba(23,32,50,.18);
  font-size:13px;
  line-height:1;
  box-shadow:0 6px 16px rgba(23,32,50,.12);
  opacity:0;
  pointer-events:none;
}
.v353-still:hover .v353-play,
.v353-still:focus-visible .v353-play,
.v353-film-card:focus-within .v353-play{
  opacity:1;
}
@media (hover:none){
  .v353-play{opacity:.92}
}
.v353-film-card.v353-playing .v353-still{display:none}
.v353-film-card .meta{
  margin-top:8px;
  color:var(--muted,#53647a);
  font-size:.82rem;
}
.v353-film-card .video-title{
  margin-top:3px;
  font-size:1.02rem;
  font-weight:520;
}
.v353-film-card .video-parent{
  display:inline-block;
  margin-top:2px;
  color:var(--muted,#53647a);
  font-size:.86rem;
  text-decoration:none;
}
.v353-film-card .video-parent:hover,
.v353-film-card .video-parent:focus-visible{
  color:var(--ink,#172032);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Track film stays on the cream page — no green-black theatre. */
.v346-track-film{
  background:var(--paper,#fbfaf7)!important;
  color:var(--ink,#172032)!important;
  border-top:1px solid var(--line,#cdd5df)!important;
}
.v346-track-film .v346-film-heading,
.v346-track-film .v346-film-copy h3,
.v346-track-film .v346-film-eyebrow,
.v346-track-film .v346-film-description,
.v346-track-film .v346-film-sequence,
.v346-track-film .v346-film-sequence strong{
  color:inherit!important;
}
.v346-track-film .v346-film-eyebrow{color:var(--accent,#a2633b)!important}
.v346-track-film .v346-film-media{
  aspect-ratio:9/16!important;
  background:var(--soft,#f4f1eb)!important;
  border:1px solid rgba(23,32,50,.12)!important;
  box-shadow:0 14px 36px rgba(23,32,50,.08)!important;
}
.v346-track-film .v346-film-media video,
.v346-track-film .v346-film-media img{
  object-fit:cover!important;
  background:var(--soft,#f4f1eb)!important;
}
.v346-film-button{
  border-color:rgba(23,32,50,.22)!important;
  color:var(--ink,#172032)!important;
  background:transparent!important;
}
.v346-film-button-primary{
  border-color:var(--accent,#a2633b)!important;
  background:var(--accent,#a2633b)!important;
  color:#fff!important;
}

@media(max-width:920px){
  .v353-film-grid,
  .video-strip.v353-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .v353-film-grid,
  .video-strip.v353-film-grid,
  .video-strip.v353-home-strip,
  .v353-film-grid.v353-home-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}