/* Film, Stages & Songs. RCR palette vars only. PREVIEW. */
.fs-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 8px;padding:14px;background:var(--cream);border:2px solid #000;box-shadow:inset 0 -6px 0 var(--gold)}
.fs-strip a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none!important;color:#000}
.fs-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid #000;background:#fff}
.fs-strip span{font:700 14px "Libre Caslon Text",Georgia,serif;border-bottom:3px solid var(--rose);padding:0 4px;text-align:center}
.fs-strip a:hover{background:var(--gold-l)}
.fs-myth{margin:18px 0;background:var(--gold-l);border:2px solid #000;border-left:12px solid var(--rose);padding:12px 16px;font-size:17px;color:#000}
.fs-note{max-width:760px;font-size:16px;line-height:1.45}
.fs-flag{margin:12px 0 18px;background:var(--cream);border:2px solid #000;border-left:10px solid var(--rose);padding:10px 14px;font-size:15.5px;line-height:1.45;max-width:820px}
.fs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:14px}
.fs-card{position:relative;background:var(--cream);border:2px solid #000;padding:14px 14px 12px;color:#000;display:flex;flex-direction:column}
.fs-frame{background:#fff;border:8px solid var(--gold);outline:2px solid #000;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;margin-bottom:12px}
.fs-frame img{width:100%;height:100%;object-fit:cover;display:block}
.fs-frame.tall{aspect-ratio:3/4}
.fs-card h3{font:700 21px/1.15 "Libre Caslon Text",Georgia,serif;margin:0 0 4px}
.fs-years{display:inline-block;align-self:flex-start;margin:0 0 8px;font:700 13px "Work Sans",sans-serif;letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--rose)}
.fs-why{margin:0 0 8px;font-size:15.5px;line-height:1.45}
.fs-src,.fs-credit{margin:0;font-size:12.5px;line-height:1.35}
.fs-credit{margin-top:auto;padding-top:6px;border-top:1px solid #000}
.fs-badge{position:absolute;top:-10px;right:10px;background:var(--gold);border:2px solid #000;font:800 11px "Work Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;z-index:2}
.fs-badge.hold{background:var(--rose);color:var(--cream)}
.fs-badge.txt{background:var(--cream)}
.fs-textonly{border-left:10px solid var(--rose);padding-top:18px}
.fs-ph{background:repeating-linear-gradient(45deg,#F1E6CF 0 12px,#E4D3AE 12px 24px)}
.fs-ph span{font:700 15px "Work Sans",sans-serif;border:2px dashed #000;padding:8px 12px;background:var(--cream);max-width:85%;text-align:center;line-height:1.35}
.rose-hl{background:linear-gradient(transparent 60%,rgba(116,28,58,.28) 60%);font-weight:700}
.fs-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0}
.fs-pair figure{margin:0;background:var(--cream);border:2px solid #000;padding:10px}
.fs-pair img{width:100%;height:auto;display:block;border:1px solid #000;background:#fff}
.fs-pair figcaption{margin-top:8px;font-size:13.5px;line-height:1.4}
.fs-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.fs-ch{background:var(--cream);border:2px solid #000;padding:12px 14px;color:#000}
.fs-ch h3{font:700 18px/1.2 "Libre Caslon Text",Georgia,serif;margin:0 0 6px}
.fs-ch p{margin:0;font-size:14.5px;line-height:1.4}
.fs-credits p{max-width:820px}
@media (max-width:900px){
 .fs-grid{grid-template-columns:1fr 1fr}
 .fs-strip{grid-template-columns:repeat(3,1fr)}
 .fs-pair{grid-template-columns:1fr}
 .fs-chapters{grid-template-columns:1fr}
}
@media (max-width:560px){
 .fs-grid{grid-template-columns:1fr}
 .fs-strip{grid-template-columns:repeat(2,1fr)}
}