.film{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:flex-end;gap:6px;background:#111;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.28);transition:transform .35s ease,opacity .35s ease;max-width:calc(100vw - 20px);touch-action:pan-y}
.film.hide{transform:translate(-50%,140%);opacity:0}
.film .k{color:#f2f0ea;opacity:.55;padding:0 8px 6px;writing-mode:vertical-rl;transform:rotate(180deg);font:600 9px/1 var(--sans,Helvetica,sans-serif);letter-spacing:.14em;text-transform:uppercase}
.film .f{position:relative;display:block;width:64px;height:84px;overflow:hidden;transition:width .35s ease;flex:none}
.film .f.on{width:150px}
.film .f img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1);opacity:.6;transition:filter .35s,opacity .35s}
.film .f.on img,.film .f:hover img{filter:none;opacity:1}
.film .f::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.film .f span{position:absolute;z-index:1;left:8px;bottom:6px;color:#f2f0ea;font:400 22px/1 var(--serif,Georgia,serif);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.film .f span em{color:#e8402f;font-style:normal}
.film .f:not(.on) span{font:600 9px/1 var(--sans,Helvetica,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.film .f:not(.on) span em{display:none}
.film .f:focus-visible{outline:2px solid #e8402f;outline-offset:2px}
@media(max-width:360px){.film .f{width:52px;height:72px}.film .f.on{width:120px}}
body.swap>*:not(.film){transition:opacity .26s ease,transform .26s ease}
body.out>*:not(.film){opacity:0;transform:translateY(10px)}
.wordmark{padding-bottom:120px}
/* correctifs 320 px (même gabarit pour les trois) */
.house>*{min-width:0}.house .bn,.row .rn{overflow-wrap:anywhere;hyphens:auto}.house .tag{flex-wrap:wrap}
@media(max-width:360px){.house .tag{gap:6px 16px}}
/* pass103: la Pellicule ne recouvre pas le texte du premier écran sur mobile; libellés en casse normale */
@media(max-width:899px){.manifesto .body{}}
.film .k,.film .f:not(.on) span{text-transform:none;letter-spacing:.02em;font-size:11px}
