/* Laurent Pujol V131 — filmography page, intentionally isolated from legacy archive CSS */
html,body.lp-films-archive-page{background:#080808!important}
body.lp-films-archive-page{margin:0!important;color:#f5f2eb!important}
body.lp-films-archive-page #lp-camera-intro{display:none!important}
.lp131-films-page{min-height:100vh;background:#080808;padding:92px clamp(22px,3vw,54px) 110px;box-sizing:border-box;overflow-x:hidden}
.lp131-films-back{display:inline-flex;align-items:center;gap:12px;color:#eee9df;text-decoration:none;font:500 10px/1 Arial,sans-serif;letter-spacing:.18em;margin:10px 0 54px;opacity:.72;transition:opacity .25s ease}
.lp131-films-back:hover{opacity:1}
.lp131-filmography{position:relative!important;display:block!important;width:100%!important;max-width:1900px!important;margin:0 auto!important;padding:0!important;inset:auto!important;height:auto!important;min-height:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:transparent!important;overflow:visible!important;transform:none!important}
.lp131-films-head{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:end!important;gap:22px!important;border-bottom:1px solid rgba(255,255,255,.18)!important;padding:0 0 25px!important;margin:0 0 34px!important}
.lp131-films-kicker{font:500 9px/1.2 Arial,sans-serif!important;letter-spacing:.24em!important;color:#aaa49a!important;margin-bottom:8px!important}
.lp131-films-head h2{font:400 clamp(42px,5vw,82px)/.85 Georgia,'Times New Roman',serif!important;letter-spacing:-.045em!important;margin:0!important;color:#f4f0e8!important}
.lp131-films-head p{font:400 9px/1.4 Arial,sans-serif!important;letter-spacing:.16em!important;color:#777!important;text-transform:uppercase!important;margin:0 0 7px!important}
.lp131-reel-stage{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important}
.lp131-reel-grid{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:34px 8px!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;margin:0!important;padding:20px 0!important;transform:none!important;inset:auto!important;overflow:visible!important;align-items:start!important}
.lp131-film.lp-overlay-film{position:relative!important;display:block!important;grid-column:auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:17px 7px 15px!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;background:#111!important;border:0!important;box-shadow:none!important;overflow:hidden!important;cursor:pointer!important;box-sizing:border-box!important}
/* continuous film perforations on every frame */
.lp131-film:before,.lp131-film:after{content:""!important;position:absolute!important;left:0!important;right:0!important;height:8px!important;z-index:6!important;pointer-events:none!important;background:repeating-linear-gradient(90deg,#080808 0 4px,#d7d0c4 4px 10px,#080808 10px 16px)!important}
.lp131-film:before{top:3px!important}.lp131-film:after{bottom:3px!important}
.lp131-frame.lp-overlay-image{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#171717!important;border:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important}
.lp131-frame img,.lp131-frame video,.lp131-frame .lp-film-placeholder{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;transform:none!important}
.lp131-frame>b{position:absolute!important;left:8px!important;top:7px!important;z-index:4!important;font:500 8px/1 Arial,sans-serif!important;letter-spacing:.12em!important;color:#fff!important;background:rgba(0,0,0,.58)!important;padding:5px 6px!important}
.lp131-frame .lp-film-badge{position:absolute!important;right:7px!important;top:7px!important;z-index:4!important;font:500 6px/1 Arial,sans-serif!important;letter-spacing:.14em!important;color:#fff!important;background:rgba(0,0,0,.56)!important;padding:5px 6px!important}
.lp131-copy.lp-overlay-copy{position:relative!important;display:block!important;padding:11px 2px 0!important;margin:0!important;color:#eee!important;background:transparent!important;transform:none!important}
.lp131-copy small{display:block!important;font:500 6px/1.2 Arial,sans-serif!important;letter-spacing:.16em!important;color:#777!important;margin:0 0 5px!important}
.lp131-copy h3{font:500 clamp(9px,.72vw,13px)/1.25 Arial,sans-serif!important;letter-spacing:.035em!important;color:#eee!important;margin:0!important;white-space:normal!important}
.lp131-copy .lp-overlay-watch{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;z-index:8!important;cursor:pointer!important;border:0!important}
.lp131-film:hover .lp131-frame img,.lp131-film:hover .lp131-frame video{transform:scale(1.025)!important;transition:transform .6s ease!important}
.lp131-film:hover{background:#151515!important}
body.lp-films-archive-page .lp-video-modal{z-index:999999!important}
@media(max-width:1250px){.lp131-reel-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.lp131-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lp131-films-head{grid-template-columns:1fr!important}}
@media(max-width:620px){.lp131-films-page{padding:76px 14px 70px}.lp131-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 6px!important}.lp131-film.lp-overlay-film{padding-left:5px!important;padding-right:5px!important}}

/* ============================================================
   V132 — COLOR FILMSTRIP + INFORMATION INSIDE THE REEL
   ============================================================ */
body.lp-films-archive-page .lp131-films-kicker{display:none!important}
body.lp-films-archive-page .lp131-films-head{grid-template-columns:1fr auto!important}
body.lp-films-archive-page .lp131-frame,
body.lp-films-archive-page .lp131-frame img,
body.lp-films-archive-page .lp131-frame video{
  filter:none!important;-webkit-filter:none!important;opacity:1!important;
}
body.lp-films-archive-page .lp131-film:hover .lp131-frame,
body.lp-films-archive-page .lp131-film:hover .lp131-frame img,
body.lp-films-archive-page .lp131-film:hover .lp131-frame video{
  filter:none!important;-webkit-filter:none!important;
}
/* The metadata is now part of the black reel itself, between the perforations. */
body.lp-films-archive-page .lp131-film.lp-overlay-film{padding:17px 7px 17px!important;background:#0b0b0b!important}
body.lp-films-archive-page .lp131-copy.lp-overlay-copy{
  min-height:48px!important;padding:9px 7px 5px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  border-left:1px solid rgba(255,255,255,.05)!important;border-right:1px solid rgba(255,255,255,.05)!important;
  background:#0b0b0b!important;
}
body.lp-films-archive-page .lp131-copy small{font-size:6px!important;color:#807c74!important;margin:0 0 5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.lp-films-archive-page .lp131-copy h3{font-size:clamp(9px,.68vw,12px)!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.lp-films-archive-page .lp131-copy .lp-overlay-watch{inset:0!important;display:block!important;background:transparent!important}
body.lp-films-archive-page .lp131-film:hover{background:#0f0f0f!important}
body.lp-films-archive-page .lp131-film:hover .lp131-frame img,
body.lp-films-archive-page .lp131-film:hover .lp131-frame video{transform:scale(1.018)!important}
/* Dedicated full-screen on-site player. */
body.lp-films-archive-page #lp-video-modal{position:fixed!important;inset:0!important;z-index:1000000!important;background:rgba(0,0,0,.96)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:5vh 5vw!important;box-sizing:border-box!important}
body.lp-films-archive-page #lp-video-modal.is-open{display:flex!important}
body.lp-films-archive-page #lp-video-modal .lp-video-modal-frame{position:relative!important;width:min(1500px,92vw)!important;height:auto!important;aspect-ratio:16/9!important;background:#000!important;margin:0!important}
body.lp-films-archive-page #lp-video-modal iframe,
body.lp-films-archive-page #lp-video-modal video{width:100%!important;height:100%!important;border:0!important;object-fit:contain!important;background:#000!important}
body.lp-films-archive-page #lp-video-modal .lp-video-modal-close{position:absolute!important;top:20px!important;right:25px!important;z-index:5!important;width:48px!important;height:48px!important;border:0!important;background:transparent!important;color:#fff!important;font:300 38px/1 Arial,sans-serif!important;cursor:pointer!important}
html.lp-video-open,body.lp-video-open{overflow:hidden!important}
@media(max-width:900px){body.lp-films-archive-page .lp131-films-head{grid-template-columns:1fr!important}}


/* V133 — clearly visible information panel below every frame */
body.lp-films-archive-page .lp131-copy.lp-overlay-copy{
  position:relative!important;visibility:visible!important;opacity:1!important;
  min-height:72px!important;height:72px!important;padding:10px 9px 9px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  overflow:hidden!important;background:#0b0b0b!important;color:#f4f0e8!important;
}
body.lp-films-archive-page .lp131-copy small{
  display:block!important;visibility:visible!important;opacity:1!important;
  font:500 7px/1.2 Arial,sans-serif!important;letter-spacing:.13em!important;
  color:#8f8a81!important;margin:0 0 7px!important;
}
body.lp-films-archive-page .lp131-copy h3{
  display:block!important;visibility:visible!important;opacity:1!important;
  font:500 11px/1.25 Arial,sans-serif!important;letter-spacing:.035em!important;
  color:#f4f0e8!important;margin:0!important;
}
body.lp-films-archive-page .lp131-copy .lp-overlay-watch{
  position:absolute!important;inset:0!important;z-index:10!important;opacity:0!important;
}

/* ============================================================
   V134 — ISOLATED FILM CARDS / INFO / PLAYER
   No dependency on body class or legacy overlay classes.
   ============================================================ */
.lp131-reel-grid>.lp134-film{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:17px 7px 17px;background:#0b0b0b;overflow:hidden;cursor:pointer;box-sizing:border-box}
.lp131-reel-grid>.lp134-film:before,.lp131-reel-grid>.lp134-film:after{content:"";position:absolute;left:0;right:0;height:8px;z-index:20;pointer-events:none;background:repeating-linear-gradient(90deg,#080808 0 4px,#d7d0c4 4px 10px,#080808 10px 16px)}
.lp131-reel-grid>.lp134-film:before{top:3px}.lp131-reel-grid>.lp134-film:after{bottom:3px}
.lp134-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#171717;border:1px solid rgba(255,255,255,.08)}
.lp134-frame img,.lp134-frame video,.lp134-placeholder{display:block;width:100%;height:100%;object-fit:cover;filter:none!important;-webkit-filter:none!important;opacity:1!important;transition:transform .6s ease}
.lp134-film:hover .lp134-frame img,.lp134-film:hover .lp134-frame video{transform:scale(1.018)}
.lp134-frame>b{position:absolute;left:8px;top:7px;z-index:4;font:500 8px/1 Arial,sans-serif;letter-spacing:.12em;color:#fff;background:rgba(0,0,0,.58);padding:5px 6px}
.lp134-badge{position:absolute;right:7px;top:7px;z-index:4;font:500 6px/1 Arial,sans-serif;letter-spacing:.14em;color:#fff;background:rgba(0,0,0,.56);padding:5px 6px}
/* real, permanently visible information zone under every frame */
.lp134-info{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;flex:0 0 74px!important;height:74px!important;min-height:74px!important;padding:10px 9px 9px!important;margin:0!important;box-sizing:border-box!important;background:#0b0b0b!important;color:#f4f0e8!important;visibility:visible!important;opacity:1!important;overflow:hidden!important}
.lp134-info small{display:block!important;font:500 7px/1.2 Arial,sans-serif!important;letter-spacing:.13em!important;color:#969087!important;margin:0 0 7px!important;visibility:visible!important;opacity:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp134-info h3{display:block!important;font:500 11px/1.25 Arial,sans-serif!important;letter-spacing:.035em!important;color:#f4f0e8!important;margin:0!important;visibility:visible!important;opacity:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp134-hit{position:absolute!important;inset:0!important;z-index:15!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;font-size:0!important;opacity:0!important;cursor:pointer!important}
/* completely new player: the X is a button only; no href, history or reload */
.lp134-player{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:5vh 5vw;box-sizing:border-box;background:rgba(0,0,0,.97)}
.lp134-player.is-open{display:flex}
.lp134-player-shell{width:min(1500px,92vw);aspect-ratio:16/9;background:#000}
.lp134-player iframe,.lp134-player video{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.lp134-player iframe[hidden],.lp134-player video[hidden]{display:none!important}
.lp134-player-close{position:fixed;top:22px;right:28px;z-index:2147483640;width:54px;height:54px;margin:0;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#050505;color:#fff;font:300 38px/48px Arial,sans-serif;text-align:center;cursor:pointer}
.lp134-player-close:hover{background:#fff;color:#000}
html.lp134-playing,body.lp134-playing{overflow:hidden!important}

/* V136 — live film previews inside the reel frames */
.lp134-frame{overflow:hidden}
.lp136-preview-layer{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;border:0;background:#050505;pointer-events:none;opacity:0;transition:opacity .22s ease}
.lp134-film.is-previewing .lp136-preview-layer{opacity:1}
.lp134-film.is-previewing .lp134-frame>img{opacity:0}
.lp134-frame>b,.lp134-frame>.lp134-badge{z-index:4}
@media (hover:none),(pointer:coarse){.lp136-preview-layer{display:none!important}}

/* V175 — fixed selection frame; adjacent films stay visible at equal size. */

/* V178 — grille seule : aucun carrousel ni navigation horizontale. */
body.lp-films-archive-page .lp131-reel-stage{height:auto!important;overflow:visible!important;display:block!important;}
body.lp-films-archive-page .lp131-reel-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:34px 8px!important;}
@media(max-width:1250px){body.lp-films-archive-page .lp131-reel-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){body.lp-films-archive-page .lp131-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:620px){body.lp-films-archive-page .lp131-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}