/* Shared by public cards, detail pages and the editorial preview. */
.tone-rust{--art-ink:#97432f;--art-paper:#efe0cc}.tone-blue{--art-ink:#345768;--art-paper:#dee5df}.tone-olive{--art-ink:#62684c;--art-paper:#e9e7d8}.tone-ink{--art-ink:#353832;--art-paper:#dfded4}
.culture-cover{color:var(--art-ink,#97432f);background:var(--art-paper,#efe0cc);display:flex;flex-direction:column;position:relative;aspect-ratio:3/4;padding:18px;overflow:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.culture-cover:after{content:'';position:absolute;inset:7px;pointer-events:none;border:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.culture-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.culture-cover:has(>img):after{display:none}
.culture-cover-top,.culture-cover-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font:8px/1.5 'DM Sans',sans-serif;letter-spacing:1.5px;position:relative;z-index:1}.culture-cover-top{border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);padding-bottom:10px}.culture-cover-foot{padding-top:9px;font-size:7px;letter-spacing:1px}
.culture-cover-drawing{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.culture-motif{width:100%;height:auto;display:block;max-height:100%;color:inherit;overflow:visible}.culture-cover-drawing .culture-motif{width:100%;height:100%;transition:transform .22s ease}
.motif-fill{fill:currentColor;stroke:none}.motif-paper{fill:var(--art-paper,#f4f0e7);stroke:var(--art-paper,#f4f0e7)}.motif-paper-lines{stroke:var(--art-paper,#f4f0e7)}.cover-artist{aspect-ratio:1}.cover-selection{aspect-ratio:4/5}
@media(hover:hover){.culture-card-art:hover .culture-motif{transform:translateY(-3px) rotate(-1.5deg)}}
@media(max-width:680px){.culture-cover{padding:12px}.culture-cover-top{font-size:7px;letter-spacing:.7px;padding-bottom:6px}.culture-cover-foot{font-size:6px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.culture-cover-drawing .culture-motif{transition:none!important;transform:none!important}}
/* Reusable type covers: the title carries the cover; a small drawing is its signature. */
.culture-cover-type{display:flex;flex-direction:column;justify-content:center;gap:18px;flex:1;min-height:0;position:relative;z-index:1;padding:16px 0}.culture-cover-rule{width:36px;border-top:3px solid currentColor}.culture-cover-type strong{font:600 clamp(24px,2.6vw,38px)/1.04 var(--c-serif,Georgia,serif);letter-spacing:-.8px;overflow-wrap:anywhere}.culture-cover-type>span:last-child{font:10px/1.5 'DM Sans',sans-serif;letter-spacing:.5px}.culture-cover-drawing{flex:none;align-self:flex-end;width:68px;height:62px;margin-top:5px}.culture-cover-drawing .culture-motif{width:100%;height:100%}.culture-cover-foot{margin-top:8px}
@media(max-width:680px){.culture-cover-type{gap:10px;padding:8px 0}.culture-cover-type strong{font-size:25px}.culture-cover-type>span:last-child{font-size:8px}.culture-cover-drawing{width:44px;height:40px}.culture-cover-foot{margin-top:4px}}
/* Entries without a photograph become posters: a deep tone, paper-coloured type and the motif drawn
   large across the lower half, so a page of imageless films still reads like a wall of film posters. */
.tone-rust{--art-deep:#6c2b1d}.tone-blue{--art-deep:#143e4b}.tone-olive{--art-deep:#434930}.tone-ink{--art-deep:#24261f}
.culture-cover.is-poster{color:var(--art-paper);background:radial-gradient(130% 85% at 85% 0%,color-mix(in srgb,var(--art-deep) 82%,#fff),var(--art-deep) 62%);border-color:transparent}
.culture-cover.is-poster:after{border-color:color-mix(in srgb,var(--art-paper) 24%,transparent);z-index:2}
.culture-cover.is-poster:before{content:'';position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--art-deep) 88%,transparent));z-index:1;pointer-events:none}
.is-poster .culture-cover-top{border-bottom-color:color-mix(in srgb,var(--art-paper) 30%,transparent)}
.is-poster .culture-cover-type{flex:none;justify-content:flex-start;gap:12px;padding:20px 0 0}
.is-poster .culture-cover-rule{border-top-color:var(--art-paper);width:30px}
.is-poster .culture-cover-type strong{font-size:clamp(25px,2.7vw,40px);line-height:1.02;text-wrap:balance}
.is-poster .culture-cover-type>span:last-child{font-size:11px;letter-spacing:.8px;text-transform:uppercase;opacity:.85}
.is-poster .culture-cover-drawing{position:absolute;left:-8%;right:-8%;bottom:-6%;width:auto;height:60%;margin:0;align-self:auto;z-index:0}
.is-poster .culture-motif{color:color-mix(in srgb,var(--art-paper) 72%,transparent)}
.is-poster .motif-paper{fill:var(--art-deep);stroke:var(--art-deep)}
.is-poster .motif-paper-lines{stroke:var(--art-deep)}
.is-poster .culture-cover-foot{margin-top:auto;z-index:3}
@media(max-width:680px){.is-poster .culture-cover-type{padding-top:10px;gap:8px}.is-poster .culture-cover-type strong{font-size:22px}.is-poster .culture-cover-type>span:last-child{font-size:8px}.is-poster .culture-cover-drawing{height:52%}}
/* Poster type scales with the poster itself (not the window), and long words wrap whole. */
.culture-cover.is-poster{container-type:inline-size}
.is-poster .culture-cover-type strong{font-size:clamp(15px,12.5cqi,44px);overflow-wrap:normal;word-break:normal;hyphens:auto}
.is-poster .culture-cover-type>span:last-child{font-size:clamp(7.5px,4.4cqi,12px)}
.is-poster .culture-cover-top,.is-poster .culture-cover-foot{font-size:clamp(6.5px,3.4cqi,9px)}
@media(max-width:680px){.is-poster .culture-cover-type strong{font-size:clamp(14px,12.5cqi,40px)}}