:root{--bg:#06080f;--fg:#f2f2f0;--fg-2:#b7bcc9;--fg-3:#6f7586;--line:rgba(242,242,240,.14);--display:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"Courier Prime","Courier New",monospace;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--fg);font-family:var(--display);font-size:16px;line-height:1.55;background:#06080f url(sky.jpg) center top/cover no-repeat fixed}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
body.lang-fr .en,body.lang-fr .it{display:none!important}
body.lang-en .fr,body.lang-en .it{display:none!important}
body.lang-it .fr,body.lang-it .en{display:none!important}
.grain{position:fixed;inset:0;width:100%;height:100%;opacity:.1;mix-blend-mode:screen;pointer-events:none;z-index:5}
header{position:fixed;top:0;left:0;right:0;z-index:9;background:linear-gradient(to bottom,rgba(6,8,15,.75),rgba(6,8,15,0))}
header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(24px,env(safe-area-inset-right,0px)) 16px max(24px,env(safe-area-inset-left,0px))}
.menu{position:relative}
.menu>button{font-family:var(--mono);font-size:.92rem;letter-spacing:.22em;text-transform:uppercase;background:transparent;border:0;padding:6px 0;cursor:pointer;color:#eaf7ff;text-shadow:0 0 6px rgba(190,236,255,.9),0 0 16px rgba(120,200,255,.7),0 0 36px rgba(60,150,255,.4)}
.menu>button::after{content:"";display:inline-block;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 0 3px 10px}
.menu .topnav{position:absolute;right:0;top:100%;flex-direction:column;align-items:flex-end;gap:0;padding:10px 0 6px;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.menu .topnav a{display:block;padding:8px 14px;background:rgba(6,8,15,.72);width:100%;text-align:right;box-sizing:border-box}
.menu .topnav a:first-child{padding-top:10px}
.menu .topnav a:last-child{padding-bottom:10px}
.menu .topnav>span{display:none}
.menu:hover .topnav,.menu:focus-within .topnav,.menu.open .topnav{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.langs{display:flex;border:1px solid rgba(190,236,255,.7);box-shadow:0 0 8px rgba(120,200,255,.6),0 0 22px rgba(60,150,255,.35)}
.langs button{font-family:var(--mono);font-size:.875rem;letter-spacing:.1em;background:transparent;color:#eaf7ff;text-shadow:0 0 6px rgba(190,236,255,.9),0 0 14px rgba(120,200,255,.6);border:0;padding:8px 15px;cursor:pointer}
.langs button[aria-pressed="true"]{background:#eaf7ff;color:var(--bg);text-shadow:none}
.topnav{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.92rem;letter-spacing:.22em;text-transform:uppercase;color:#eaf7ff;text-shadow:0 0 6px rgba(190,236,255,.9),0 0 16px rgba(120,200,255,.7),0 0 36px rgba(60,150,255,.4)}
main{max-width:1180px;margin:0 auto;padding:120px max(24px,env(safe-area-inset-right,0px)) 72px max(24px,env(safe-area-inset-left,0px))}
.film{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:48px;align-items:start;background:rgba(6,8,15,.32);padding:36px;border:1px solid var(--line)}
.poster{aspect-ratio:2/3;max-width:100%;background:rgba(12,17,32,.55);border:1px solid var(--line);overflow:hidden}
.poster img{width:100%;height:100%;object-fit:cover}
.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2);margin:0 0 10px}
h1{font-weight:400;font-size:clamp(1.9rem,4.2vw,3.4rem);line-height:1;letter-spacing:.01em;text-transform:uppercase;margin:0 0 6px;text-shadow:0 2px 14px rgba(0,0,0,.7);text-wrap:balance}
.meta{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);margin:0 0 28px}
h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-2);margin:30px 0 10px;display:flex;align-items:center;gap:14px}
h2::after{content:"";flex:1;height:1px;background:var(--line)}
p{margin:0 0 12px;max-width:62ch;color:#d4d8e3;text-shadow:0 1px 8px rgba(0,0,0,.8)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;font-size:.95rem}
dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);padding-top:4px}
dd{margin:0}
ul{margin:0;padding:0;list-style:none;columns:2;column-gap:28px;font-size:.92rem;color:#d4d8e3}
ul li{break-inside:avoid;padding:3px 0}
.btn{display:inline-block;min-width:240px;text-align:center;box-sizing:border-box;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(190,236,255,.7);color:#eaf7ff;padding:10px 16px;margin:6px 10px 0 0;text-shadow:0 0 6px rgba(190,236,255,.8);box-shadow:0 0 10px rgba(120,200,255,.35)}
.inline-list{font-size:.95rem;color:#d4d8e3;margin:0}
.back{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2);margin:0 0 22px}
.back:hover{color:var(--fg)}
.gallery{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.gallery figure{margin:0;background:rgba(6,8,15,.32);border:1px solid var(--line);overflow:hidden}
.gallery img{width:100%;height:auto;display:block}
.gallery .wide{grid-column:1/-1}
@media (max-width:760px){main{padding-top:100px}.film{grid-template-columns:1fr;padding:22px;gap:28px}.poster{max-width:260px}ul{columns:1}dl{grid-template-columns:1fr}}
.legal{background:rgba(6,8,15,.32);border:1px solid var(--line);padding:36px;max-width:820px}
.legal h2{margin-top:26px}
.legal p,.legal li{color:#d4d8e3}
.legal ul{columns:1;padding-left:18px;list-style:disc}
@media (max-width:760px){.legal{padding:22px}}
.admin-bar header{top:32px}@media (max-width:782px){.admin-bar header{top:46px}}
.legal a{border-bottom:1px solid var(--fg-3)}