.scene{position:relative;flex:none;width:calc(640px * var(--s));height:calc(360px * var(--s));margin-left:calc(50% - 320px * var(--s));background:url(/kit/ville_x1.png) 0 0 / 100% 100% no-repeat}@media(min-width:720px){.scene{background-image:url(/kit/ville_x2.png)}}@media(min-width:1920px){.scene{background-image:url(/kit/ville_x3.png)}}.logo{position:absolute;left:calc(157px * var(--s));top:calc(90px * var(--s));margin:0;line-height:0}.scene nav{position:absolute;left:0;right:0;top:calc(214px * var(--s));display:flex;justify-content:center;gap:12px}@media(max-width:369px){.logo{left:187px;top:100px}}.bandes{display:flex;flex-direction:column;align-items:center;gap:calc(24px * var(--s));padding:calc(24px * var(--s)) 12px}.bande{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 40px}.bande:nth-child(2n){flex-direction:row-reverse}.bande figure{margin:0;line-height:0;border:calc(8px * var(--s)) solid transparent;border-image:url(/kit/panel_frame.png) 8 / calc(8px * var(--s)) round;image-rendering:pixelated}.bande video{display:block;width:calc(320px * var(--s));height:calc(180px * var(--s));image-rendering:pixelated;background:var(--bg)}.bande video.interface{image-rendering:auto}.bande .texte{flex:1 1 280px;max-width:30em;font-size:calc(14px + 2px * var(--s))}.bande h2{margin:0 0 8px}.bande p{margin:0}