/* The cinema borrows the existing album paper, palette and type. */
.film-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center;padding-bottom:50px}.film-intro h1{max-width:750px}.film-intro .world-lead{max-width:510px;color:var(--muted);font:18px/1.8 Georgia,serif}.film-ticket{border:1px dashed #a79a7a;background:#e9e3d0;padding:30px;text-align:center;transform:rotate(4deg);box-shadow:7px 7px 0 #dbd1ba;display:grid;gap:18px}.film-ticket span{font-size:8px;letter-spacing:2px}.film-ticket strong{font:29px/1.3 Georgia,serif;letter-spacing:1px}.film-ticket b{font-size:38px;color:var(--sage)}.film-ticket small{font:italic 15px Georgia,serif}.film-album{padding-top:25px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;margin-top:20px}#film-layout-demo .film-grid{grid-template-columns:1.15fr .85fr;max-width:1000px;margin-inline:auto}#film-layout-demo .film-card[data-demo-format=portrait]{max-width:340px;justify-self:center}.film-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:12px 0 26px;padding:12px;background:#fffaf0;border:1px solid #d4c8af;box-shadow:3px 6px 0 #dfd5bf}.film-card:nth-child(2n){transform:rotate(.7deg)}.film-open{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#dedfcb;cursor:pointer;overflow:hidden}.film-card[data-orientation=portrait] .film-open,.film-card[data-demo-format=portrait] .film-open{aspect-ratio:9/16}.film-open img{width:100%;height:100%;object-fit:contain;display:block;background:#e8e0cc}.film-card:not(.demo-film) .film-open img{background:#24271f}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff9ecee;color:#536447;box-shadow:0 3px 18px #2c251635;font-size:22px;padding-left:4px}.film-open:hover .play-mark{background:#65765b;color:#fff9eb}.film-format{position:absolute;bottom:10px;left:10px;padding:5px 8px;background:#fff9eceb;color:#4f5941;font:8px/1.5 Arial,sans-serif;letter-spacing:1px}.film-caption{padding:18px 10px 13px}.film-caption h2{font:italic 25px/1.25 Georgia,serif!important;letter-spacing:-.5px;margin:12px 0}.film-caption p:not(.eyebrow){font:12px/1.8 Arial,sans-serif;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.film-caption .eyebrow{font-size:7px;letter-spacing:1.5px}.film-caption a,.demo-label{font:10px/1.6 Arial,sans-serif;color:var(--sage)}.demo-note{border-block:1px solid var(--line);padding:16px 0;font:10px/1.8 Arial,sans-serif;letter-spacing:1px;color:var(--rust);margin-top:28px}.film-dialog{width:min(1000px,calc(100vw - 24px));max-height:94dvh;overflow:auto;border:1px solid #a99778;background:#fff9ed;color:var(--ink);padding:22px;box-shadow:0 20px 90px #18201466}.film-dialog::backdrop{background:#24291fde}.film-player-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.film-player-heading button{min-width:44px;min-height:44px;border:1px solid var(--line);background:#f1e8d5;color:var(--ink);font-size:25px;cursor:pointer}.video-stage{position:relative;width:100%;aspect-ratio:16/9;min-width:200px;min-height:200px;background:#20251e;margin:auto}.video-stage.portrait{width:min(100%,calc(65dvh * 9 / 16));aspect-ratio:9/16;min-width:200px}.video-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;min-height:200px;aspect-ratio:inherit}.player-sample{position:absolute;inset:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e8e0cc;padding:20px}.player-sample img{max-width:100%;max-height:80%;object-fit:contain;min-height:0}.player-sample p{font:9px/1.8 Arial,sans-serif;letter-spacing:1.3px;text-align:center}.film-player-caption{max-width:650px;margin:22px auto 0;text-align:center}.film-player-caption h2{font:normal 28px/1.4 Georgia,serif;margin:0 0 10px;overflow-wrap:anywhere}.film-player-caption p{font-size:12px;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.film-player-caption a{font-size:12px}.film-playback-note{font-size:10px!important}.film-open:focus-visible,.film-dialog button:focus-visible{outline:3px solid var(--rust);outline-offset:4px}[hidden]{display:none!important}
@media(max-width:1050px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-intro{gap:35px}.film-ticket{padding:22px}}
@media(max-width:760px){.film-intro{grid-template-columns:1fr;gap:35px}.film-ticket{max-width:360px;width:100%;margin:auto;transform:rotate(2deg)}.film-intro h1{font-size:50px}.film-album{padding-top:10px}.film-grid{gap:18px}#film-layout-demo .film-grid{grid-template-columns:1fr}.film-dialog{padding:12px}.film-player-heading .eyebrow{font-size:8px}.film-caption h2{font-size:24px!important}.film-player-caption h2{font-size:24px}}
@media(max-width:500px){.film-grid{grid-template-columns:1fr}.film-card{max-width:360px;display:block;margin:20px auto 30px}.film-card[data-demo-format=portrait],.film-card[data-orientation=portrait]{max-width:290px}.film-intro h1{font-size:44px}.film-album .album-heading h2{font-size:34px}.film-ticket{max-width:300px}.film-dialog{width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){.films-page *{scroll-behavior:auto!important;transition:none!important}}