/* Polices reprises des films et des projets : chaque projet garde la sienne. */
@font-face{font-family:"Bitter";src:url("../assets/fonts/Bitter500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Bitter";src:url("../assets/fonts/Bitter700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bitter";src:url("../assets/fonts/Bitter800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Public Sans";src:url("../assets/fonts/PublicSans400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Public Sans";src:url("../assets/fonts/PublicSans500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Public Sans";src:url("../assets/fonts/PublicSans600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Public Sans";src:url("../assets/fonts/PublicSans700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/IBMPlexMono-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/IBMPlexMono-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Sora";src:url("../assets/fonts/Sora800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("../assets/fonts/PlayfairDisplay-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("../assets/fonts/geist-mono-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}

*{box-sizing:border-box}
html{background:#f5f5f2;-webkit-text-size-adjust:100%}
body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button{font:inherit;color:inherit}

.brand{position:fixed;z-index:20;left:clamp(20px,3.6vw,52px);top:clamp(16px,2.6vh,26px);font:800 22px/1 "Bitter",Georgia,serif;letter-spacing:-.02em;color:var(--marque,#111110);text-decoration:none}
.bascule{position:fixed;z-index:20;right:clamp(14px,2.4vw,32px);top:clamp(14px,2.2vh,22px);display:flex;font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.04em;background:#111110;border-radius:3px;padding:2px}
.bascule a{color:#bdbcb6;text-decoration:none;padding:7px 9px;border-radius:2px}
.bascule a[aria-current]{background:#fffcf2;color:#111110}

.porte{position:fixed;inset:0;z-index:5;visibility:hidden}
.porte__scene{position:absolute;inset:0}
.a-lire{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}