ParisRéalisation de clips

SpongeProductions

Clippeur n°1 en France.

02 — Ce qu'on fait

La colorimétrienous a fait connaître.

Le cadrage nous a misdans la légende.

03 — Sur le terrain

Basé à Paris.

Index

Lectures relevées le 11.08.2026.

Réalisation

Relevé le 11.08.2026

Devant l'objectif

Le plateau

On monte l'équipeautour du morceau.

Rejoindre le plateau

T'as le son.On fait l'image.

© Sponge Productions Site par AMWebDesigner

000

/* Sans JS, TOUT ce que le JS révèle doit être révélé ici. La page est masquée par défaut (`.page { opacity: 0 }`) pour ne jamais montrer un demi-chargement : sans cette règle, le site est un écran noir. */ .page { opacity: 1 !important; } #preloader, #rec, #scroll-indicator, #site-footer, #canvas, .cursor, #bande-progress, #scene-contact, #scene-flash { display: none !important; } #site-header-logo { opacity: 1 !important; } /* Le cadre de scène n'a plus rien à cadrer : la 3D ne tourne pas. Il reste la plaque de sol, en affiche — sans le JS qui écrit `--plate`, il faut la révéler à la main, sinon le cadre est un rectangle vide. */ #scene { position: absolute !important; opacity: 0.55; } /* L'élément vidéo lui-même dégage : sans source, le navigateur y peint sa barre de lecture vide. Le cadre porte l'affiche en fond, ça suffit. */ #scene-plate { display: none !important; } #scene-frame { background-image: url(assets/img/plate/sol.webp); background-size: cover; background-position: center; } #scene-plate-grade { opacity: 1 !important; } /* La scène épinglée n'existe pas non plus : les sections reprennent une hauteur et se déroulent les unes après les autres, en flux normal. */ .o-section[data-pin] .o-section__inner { position: static !important; height: auto !important; min-height: 0 !important; display: block !important; padding: var(--site-padding-y) var(--site-padding-x) !important; } .o-section[data-pin] .o-section__inner > * { position: static !important; inset: auto !important; width: auto !important; height: auto !important; max-height: none !important; transform: none !important; opacity: 1 !important; margin: 0 0 2rem !important; } /* Les coupes de ligne sont écrites en `<span>` sans espace de fin : c'est le JS qui en fait des blocs. Sans lui, les mots se recolleraient. */ [data-split] > span { display: block; } /* La bande redevient une galerie qui défile à la main. */ #bande-items-wrapper { position: static !important; display: flex !important; gap: 1rem; overflow-x: auto; height: auto !important; transform: none !important; } .bande-item { position: relative !important; inset: auto !important; flex: 0 0 min(300px, 62vw); height: 60vh !important; opacity: 1 !important; transform: none !important; }