.cinema{padding:56px 64px 72px}.cinema h1{font:400 clamp(42px,5vw,68px)/1.08 var(--serif);letter-spacing:-2px;margin:18px 0 20px}.cinema h1 em{color:var(--blue);font-weight:400}.cinema-intro{max-width:590px;color:var(--muted);font-size:18px;line-height:1.7;margin-bottom:36px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.collection{display:block;text-decoration:none;border:1px solid var(--line);background:#fffdf7;border-radius:5px;overflow:hidden;transition:transform .2s,box-shadow .2s}.collection:hover{transform:translateY(-4px);box-shadow:0 14px 30px #132b3c12}.collection-art{height:200px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e9dfc9;color:#69543c;border-bottom:1px solid #cfc3a9}.collection-art:before,.collection-art:after{content:'';position:absolute;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,transparent 0 12px,#faf8f17a 12px 25px,transparent 25px 38px)}.collection-art:before{top:12px}.collection-art:after{bottom:12px}.reel-number{position:absolute;left:25px;top:20px;font:italic 110px/1 var(--serif);opacity:.13;letter-spacing:-8px}.collection-art svg{height:68px;width:68px;border:1px solid currentColor;border-radius:50%;padding:10px}.collection-label{position:absolute;bottom:34px;font-size:10px;letter-spacing:2.4px;font-weight:600}.collection-youtube .collection-art{background:#183c4f;color:#f1d6ab;border-bottom-color:#183c4f}.collection-copy{padding:28px 30px 30px}.collection-copy .eyebrow{font-size:10px;letter-spacing:1.8px}.collection-copy h2{font-size:36px;margin:14px 0}.collection-copy p{color:var(--muted);max-width:410px;min-height:52px}.collection-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:14px;font-weight:600}.cinema-note{font-size:13px;color:var(--muted);margin-top:25px}.back-link{display:inline-block;margin-bottom:28px;font-size:14px;text-decoration:none}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin:36px 0 48px}.film-card{text-decoration:none;display:flex;flex-direction:column;align-items:stretch}.film-cover{height:130px;background:#e8e2d4;color:#65737a;display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border:1px solid #dad5c7;border-radius:3px;transition:background .2s}.film-card:nth-child(3n+2) .film-cover{background:#dce5e2;color:#466568}.film-card:nth-child(3n) .film-cover{background:#dde3e9;color:#4e6072}.film-cover>span{font:italic 62px/1 var(--serif);opacity:.55}.film-cover svg{height:44px;width:44px;border:1px solid currentColor;border-radius:50%;padding:6px}.film-card:hover .film-cover{background:#cec7b6}.film-card h2{font:400 21px/1.35 var(--serif);letter-spacing:-.3px;margin:17px 0 14px}.film-card-action{font-size:12px;color:var(--muted);margin-top:auto}.film-detail{max-width:980px;margin:auto;padding:45px 48px 65px}.film-detail .film-item{border:0;padding:0;margin:0}.film-detail h1{font:400 clamp(27px,4vw,43px)/1.2 var(--serif);letter-spacing:-1px;margin:16px 0 28px}.film-detail video{display:block;width:100%;max-height:65vh;background:#102430;border-radius:4px}.film-detail .film-downloads{display:flex;flex-wrap:wrap;gap:12px 24px}.film-step{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:36px;padding-top:22px;font-size:14px}.film-detail p{color:var(--muted)}.cinema .history-note{margin:25px 0 0}.cinema .eyebrow{margin-bottom:12px}@media(max-width:720px){.cinema{padding:34px 22px 45px}.cinema h1{font-size:43px}.cinema-intro{font-size:16px}.collection-grid{grid-template-columns:1fr;gap:24px}.collection-art{height:165px}.collection-copy{padding:23px}.collection-copy h2{font-size:32px}.collection-copy p{min-height:0}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 16px}.film-cover{height:100px;padding:13px}.film-cover>span{font-size:43px}.film-cover svg{width:32px;height:32px}.film-card h2{font-size:18px}.film-detail{padding:32px 22px 45px}.film-detail .eyebrow{font-size:10px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){.collection{transition:none}.collection:hover{transform:none}}

.film-cover.film-thumbnail{position:relative;display:block;padding:0;height:auto;aspect-ratio:4/3;overflow:hidden;background:#102430}.film-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.film-thumbnail svg{position:absolute;right:12px;bottom:12px;width:38px;height:38px;padding:6px;background:#faf8f1ed;color:#183c4f;border:0;box-shadow:0 2px 8px #0003}.film-card:hover .film-thumbnail svg{background:#fff}.film-card .film-thumbnail{background:#102430}
