.film-hero{background:var(--navy);border-bottom:1px solid var(--line)}.film-lifetimes{display:grid;grid-template-columns:repeat(4,1fr);padding-top:2rem;gap:1.5rem}.film-lifetimes a{border-top:3px solid var(--film-accent);padding-top:1rem;text-decoration:none}.film-lifetimes strong{display:block;font:1.6rem var(--display)}.film-lifetimes span{display:block;margin-top:.4rem;font-size:.85rem}.film-preview{background:var(--cream)}.film-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.film-section-heading>div{max-width:42rem}.film-section-heading p:last-child{margin-top:1rem}.film-section-heading>a{flex-shrink:0}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.film-card{min-width:0;display:flex;flex-direction:column;padding:1.65rem;background:var(--cream-light);border:1px solid var(--line);border-top:4px solid var(--film-accent)}.film-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.85rem}.film-card-top a{font-weight:700;text-underline-offset:.2em}.film-evidence{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin:1.7rem 0 .7rem;color:var(--brown)}.film-card h3{font:clamp(1.6rem,2.3vw,2.2rem)/1.12 var(--display);overflow-wrap:anywhere}.film-date{font-size:.85rem;font-weight:600;margin-top:.8rem}.film-description{font-size:.95rem;line-height:1.65;margin:1rem 0 1.5rem}.film-card-links{display:grid;gap:.8rem;margin-top:auto;padding-top:1rem;border-top:1px dashed var(--line);font-size:.85rem}.film-card-links a{text-underline-offset:.2em}.film-guide{margin:2rem 0;padding:1.2rem 1.5rem;background:var(--cream);border:1px solid var(--line);font-size:.95rem}.film-guide summary{cursor:pointer;font-weight:700}.film-guide p{margin-top:1rem;max-width:65rem}.film-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr auto;align-items:end;gap:1rem}.film-filters label{display:grid;gap:.4rem;min-width:0;font-size:.8rem;font-weight:700}.film-filters input,.film-filters select{width:100%;min-width:0;min-height:48px;padding:.7rem;border:1px solid var(--line);border-radius:0;background:var(--cream-light);color:var(--ink);font-size:1rem}.film-reset{min-height:48px;border:0;background:transparent;color:var(--navy);cursor:pointer;text-decoration:underline;font-size:.85rem}.film-count{font-size:.9rem;margin:1.5rem 0}.film-empty{border:1px dashed var(--line);padding:2rem}.film-empty p{margin:1rem 0}.film-empty a{margin:1rem;display:inline-block}.film-footnote{max-width:55rem;margin-top:2rem;font-size:.85rem}.film-memory-context{margin:.75rem 0;padding:1rem;background:var(--cream);font-size:1rem}.film-card[hidden],.film-filters[hidden],.film-empty[hidden]{display:none}@media(max-width:1050px){.film-filters{grid-template-columns:1fr 1fr}.film-filters label:first-child{grid-column:1 / -1}.film-section-heading{align-items:start;flex-direction:column}}@media(max-width:850px){.film-grid,.film-lifetimes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.film-grid{grid-template-columns:1fr}.film-card{padding:1.4rem}.film-filters{grid-template-columns:1fr}.film-lifetimes{gap:1.2rem}.film-lifetimes strong{font-size:1.3rem}.film-lifetimes span{font-size:.8rem}}.film-card{padding:0;border:0;background:transparent}.film-poster{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2 / 3;background:#172126;overflow:hidden;box-shadow:0 10px 24px #18212626}.film-poster img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.film-poster:hover img{transform:scale(1.025)}.film-poster:focus-visible{outline:4px solid var(--film-accent);outline-offset:5px}.film-card-body{padding:1.4rem 0 1.7rem;border-bottom:1px solid var(--line)}.film-card-top{border-left:3px solid var(--film-accent);padding-left:.65rem}.film-evidence{margin:1.15rem 0 .5rem}.film-card h3{font-size:clamp(1.6rem,2.3vw,2rem)}.film-story{margin:1rem 0;font-size:.85rem}.film-story summary{cursor:pointer;text-underline-offset:.2em}.film-memory-link{display:inline-block;font-size:.85rem;font-weight:700;text-underline-offset:.2em}.film-poster-missing{flex-direction:column;gap:2rem;text-align:center;padding:2rem;color:#e6d6bc;border:10px double #67716b}.film-poster-missing strong{font:2.7rem/1.15 var(--display)}.film-poster-missing span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.page-hero.film-hero{padding-block:4rem}.film-hero-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}.film-hero-copy h1{font-size:clamp(3.1rem,5.5vw,5.6rem)}.film-hero-posters{display:flex;align-items:center;padding:2rem 0}.film-hero-posters a{display:block;width:36%;flex-shrink:0;color:#fff;text-decoration:none;box-shadow:0 15px 40px #0009;transform:rotate(-9deg);position:relative}.film-hero-posters a:nth-child(2){margin-left:-4%;transform:translateY(-1rem);z-index:1}.film-hero-posters a:nth-child(3){margin-left:-4%;transform:rotate(9deg)}.film-hero-posters img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;background:#121b21}.film-hero-posters span{display:block;background:#11232e;text-align:center;padding:.6rem .2rem;font-size:.75rem}.film-hero-posters a:hover,.film-hero-posters a:focus-visible{z-index:3;outline:3px solid #e6d6bc;outline-offset:4px}.film-card{scroll-margin-top:6rem}@media(max-width:850px){.film-hero-layout{grid-template-columns:1fr;gap:1rem}.page-hero.film-hero{padding-block:2.5rem}.film-hero-posters{width:min(100%,560px);margin-inline:auto;padding-inline:1rem}}@media(prefers-reduced-motion:reduce){.film-poster img{transition:none}}@media(max-width:560px){.film-hero-layout{display:flex;flex-direction:column;align-items:stretch}.film-hero-copy{display:contents}.film-hero-copy .eyebrow{order:0}.film-hero-copy h1{order:1;margin-top:.5rem}.film-hero-posters{order:2;padding-block:1.5rem}.film-hero-copy>p:not(.eyebrow){order:3;margin-top:0}.film-hero-copy .hero-actions{order:4;margin-top:1rem}}.film-artwork-label{margin:0 0 .9rem;color:var(--brown);font-size:.75rem}.films-page .film-memory-link{margin-top:1rem}.films-page #film-archive .section-heading{margin-bottom:2rem}
