/* Module autonome : aucun style global sur le site qui l’accueille. */
.pixel-gallery { position: relative; display: block; width: 100%; max-width: none; margin: 0; padding: 0; overflow-anchor: none; background: #000000 !important; }
.pixel-gallery .pixel-journey { position: relative; width: 100%; margin: 0; padding: 0; height: var(--distance, 260vh); height: var(--distance-svh, 260svh); }
.pixel-gallery .pixel-stage { position: sticky; top: 0; width: 100%; height: 100vh; height: 100svh; overflow: hidden; background: #000000 !important; }
.pixel-gallery .pixel-surface { position: absolute; top: 0; left: 0; display: block; margin: 0; padding: 0; border: 0; max-width: none; }
.pixel-gallery--fullwidth { grid-column: 1 / -1; width: var(--pixel-page-width, 100vw); left: calc(50% - var(--pixel-page-width, 100vw) / 2); }
.pixel-stills img { display: block; width: 100%; height: 100vh; height: 100svh; margin: 0; object-fit: contain; background: #000000 !important; }
@media (prefers-reduced-motion: reduce) { .pixel-gallery .pixel-journey { height: 100vh; height: 100svh; } .pixel-gallery .pixel-stage { position: relative; } }





/* Harmonised typography: a single quiet text scale. */
@font-face{font-family:'Fira Code';src:url('FiraCode-Light-Site-v6.woff') format('woff');font-style:normal;font-weight:300;font-display:swap}
.pixel-gallery{--iteration-edge:clamp(24px,4.2vw,76px);color:#eee;font-family:'Fira Code',monospace;font-weight:300;font-variant-ligatures:none}
.pixel-gallery .iteration-spoken{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pixel-gallery .iteration-label{display:none!important}
.pixel-gallery .pixel-verse{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50vh;min-height:50svh;margin:0;padding:48px var(--iteration-edge);background:#000}
.pixel-gallery .pixel-verse:first-child{min-height:50vh;min-height:50svh}
.pixel-gallery .pixel-verse p{width:100%;max-width:680px;margin:0 auto;padding:0;color:#eee;text-align:center;font:300 18px/1.9 'Fira Code',monospace;letter-spacing:.015em;text-transform:none;text-wrap:pretty}
.pixel-gallery .verse-line,.pixel-gallery .verse-small,.pixel-gallery .verse-medium,.pixel-gallery .verse-mass{display:inline;max-width:none;width:auto;font:inherit;letter-spacing:inherit;margin:0;padding:0}
.verse-ready .verse-line{opacity:.15;transition:opacity .65s ease;transition-delay:0ms !important}
.verse-ready.is-visible .verse-line{opacity:1}
body.iteration-edition{background:#000;font-family:'Fira Code',monospace;font-weight:300;letter-spacing:.015em;font-synthesis:none;font-variant-ligatures:none}
body.iteration-edition :is(h1,h2,h3,h4,p,a,button,input,textarea,select,span,nav,dialog,label){font-family:'Fira Code',monospace;font-weight:300;font-style:normal}
body.iteration-edition .header .wordmark,body.iteration-edition .hero h1{font:300 18px/1.6 'Fira Code',monospace;letter-spacing:.04em}
body.iteration-edition .header{display:flex;justify-content:center}
body.iteration-edition .header > .wordmark{position:static;display:block;margin-inline:auto;text-align:center}
body.iteration-edition .hero .hero-caption{display:block;left:0;right:0;width:auto;max-width:none;box-sizing:border-box;padding-inline:var(--pad,4.2vw);text-align:center}
body.iteration-edition .hero .hero-caption h1{width:100%;max-width:none;margin-inline:0;text-align:center}
body.iteration-edition #contact{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;background:#000;color:#eee;border:0;padding:clamp(140px,22vh,280px) var(--pad,4.2vw) 64px;padding-top:clamp(140px,22svh,280px)}
body.iteration-edition #contact > a{display:block;max-width:100%;margin:0;padding:0;border:0;color:#eee;text-align:center;font:300 18px/1.9 'Fira Code',monospace;letter-spacing:.015em;text-transform:none;overflow-wrap:anywhere}
body.iteration-edition footer{display:grid;grid-template-columns:1fr 3fr 1fr;gap:24px;align-items:center;margin:0;padding:28px var(--pad,4.2vw) 40px;background:#000;color:#bbb;border:0;font:300 11px/1.8 'Fira Code',monospace;letter-spacing:.015em}
body.iteration-edition footer .footer-brand{font:inherit;letter-spacing:inherit;color:#ddd}
body.iteration-edition footer p{margin:0;padding:0}
body.iteration-edition footer > a:last-child{justify-self:end;width:auto;font-size:inherit}
body.iteration-edition .menu-head button,body.iteration-edition .menu-head button span,body.iteration-edition .menu-bottom,body.iteration-edition .skip{font:300 12px/1.6 'Fira Code',monospace;letter-spacing:.015em}
@media(max-width:700px){
 .pixel-gallery .pixel-verse,.pixel-gallery .pixel-verse:first-child{min-height:44vh;min-height:44svh;padding:36px 24px}
 .pixel-gallery .pixel-verse p{font-size:16px}
 body.iteration-edition #contact{padding:clamp(112px,20vh,200px) 24px 48px;padding-top:clamp(112px,20svh,200px)}
 body.iteration-edition #contact > a{font-size:16px}
 body.iteration-edition footer{grid-template-columns:1fr 1fr;gap:24px;padding:24px 24px 36px}
 body.iteration-edition footer p{grid-column:1/-1;grid-row:2;margin:0}
}
@media(prefers-reduced-motion:reduce){.verse-ready .verse-line{opacity:1;transition:none}}