/* Film History section on the Film & Scripts page.
   All rules are scoped to .film-history / .fh-* so the rest of the site is untouched.
   Tokens map to the site's existing navy, gold and fonts. */
:root{
  --fh-navy:var(--black,#0B1A33);
  --fh-navy-soft:var(--black-soft,#10223F);
  --fh-navy-card:var(--black-card,#152A4A);
  --fh-gold:var(--gold,#C9A961);
  --fh-border:var(--border,#22375A);
  --fh-text:var(--text-mid,#B7C0CE);
  --fh-white:var(--white,#FAFAF7);
  --fh-font-display:var(--heading,'Cormorant Garamond',serif);
  --fh-font-body:var(--body,'Inter',sans-serif);
}

.film-history{padding:120px 0 140px;background:var(--fh-navy-soft);border-top:1px solid var(--fh-border)}
.fh-intro{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:56px;align-items:center;max-width:1000px;margin:0 auto 96px}
.fh-intro .section-label{margin-bottom:28px}
.fh-photo.fh-portrait{aspect-ratio:3/4}
.fh-title{font-family:var(--fh-font-display);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;color:var(--fh-white);margin-bottom:20px}
.fh-title em{color:var(--fh-gold)}
.fh-lead{font-family:var(--fh-font-body);color:var(--fh-text);font-size:1.05rem;line-height:1.8}

.fh-timeline{list-style:none;margin:0;padding:0;position:relative}
.fh-timeline::before{content:'';position:absolute;left:120px;top:8px;bottom:8px;width:1px;background:var(--fh-border)}
.fh-entry{display:grid;grid-template-columns:120px 1fr;gap:0 56px;position:relative;padding-bottom:72px}
.fh-entry:last-child{padding-bottom:0}
.fh-entry::before{content:'';position:absolute;left:115px;top:10px;width:11px;height:11px;border-radius:50%;background:var(--fh-navy-soft);border:1px solid var(--fh-gold)}
.fh-year{font-family:var(--fh-font-display);font-size:1.9rem;font-style:italic;color:var(--fh-gold);line-height:1;text-align:right;padding-right:28px}
.fh-year small{display:block;font-family:var(--fh-font-body);font-style:normal;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--fh-text);margin-top:10px}
.fh-body{min-width:0}
.fh-entry-title{font-family:var(--fh-font-display);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:400;color:var(--fh-white);margin-bottom:6px}
.fh-role{font-family:var(--fh-font-body);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--fh-gold);margin-bottom:18px}
.fh-text{font-family:var(--fh-font-body);color:var(--fh-text);line-height:1.8;max-width:640px}
.fh-text em{color:var(--fh-white)}
.fh-tag{display:inline-block;vertical-align:middle;margin-left:10px;padding:4px 10px;border:1px solid var(--fh-gold);font-family:var(--fh-font-body);font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--fh-gold)}

.fh-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:28px}
.fh-photo{display:block;width:100%;padding:0;margin:0;border:1px solid var(--fh-border);background:var(--fh-navy-card);cursor:zoom-in;overflow:hidden;aspect-ratio:4/3}
.fh-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .3s;opacity:.92}
.fh-photo:hover img,.fh-photo:focus-visible img{transform:scale(1.04);opacity:1}
.fh-photo:focus-visible{outline:2px solid var(--fh-gold);outline-offset:3px}

.fh-cta{text-align:center;margin-top:96px;padding-top:64px;border-top:1px solid var(--fh-border)}
.fh-cta-title{font-family:var(--fh-font-display);font-style:italic;font-weight:400;font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--fh-white);margin-bottom:16px}
.fh-cta .fh-lead{max-width:600px;margin:0 auto 32px}
.fh-cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}

.fh-lightbox{padding:0;border:1px solid var(--fh-border);background:var(--fh-navy);color:var(--fh-white);max-width:min(1100px,92vw);max-height:92vh}
.fh-lightbox::backdrop{background:rgba(5,12,26,.88)}
.fh-lightbox figure{margin:0}
.fh-lightbox img{display:block;max-width:100%;max-height:80vh;margin:0 auto;object-fit:contain}
.fh-lightbox figcaption{font-family:var(--fh-font-body);font-size:.9rem;color:var(--fh-text);padding:16px 64px 18px 20px}
.fh-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:1px solid var(--fh-border);background:var(--fh-navy);color:var(--fh-white);font-size:1.4rem;line-height:1;cursor:pointer}
.fh-close:hover,.fh-close:focus-visible{border-color:var(--fh-gold);color:var(--fh-gold)}

@media (max-width:760px){
  .film-history{padding:88px 0 100px}
  .fh-intro{grid-template-columns:1fr;gap:32px;margin-bottom:56px}
  .fh-photo.fh-portrait{max-width:260px}
  .fh-timeline::before{left:5px}
  .fh-entry{grid-template-columns:1fr;padding-left:32px;padding-bottom:56px}
  .fh-entry::before{left:0;top:6px}
  .fh-year{text-align:left;padding:0 0 14px;font-size:1.6rem}
  .fh-year small{display:inline;margin:0 0 0 12px}
  .fh-photos{grid-template-columns:1fr 1fr;gap:10px}
}
@media (prefers-reduced-motion:reduce){.fh-photo img{transition:none}}