/* Identité pixel de la page Studio. */
:root {
  --pixel-paper:#f6f3eb; --pixel-ink:#110d18; --pixel-black:#09070e;
  --pixel-purple:#664286; --pixel-lilac:#c8a9fa; --pixel-lime:#d8f995;
  --pixel-line:#d8ced9; --pixel-muted:#5d5266;
}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pixel-title{display:block;width:min(100%,485px);height:auto;color:var(--pixel-lime)}
.pixel-logo{display:inline-flex;align-items:center;gap:7px;color:var(--pixel-ink);font:700 clamp(17px,2.2vw,26px)/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.pixel-logo .brand-icon{width:1.15em;height:1.15em;flex:none}
.brand-iris,.brand-pupil{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
  a:is(:hover,:focus-visible) .brand-iris{animation:pixel-logo-blink .52s step-end}
  a:is(:hover,:focus-visible) .brand-pupil{animation:pixel-logo-look .85s step-end}
}
@keyframes pixel-logo-blink{0%,100%{transform:scaleY(1)}35%,60%{transform:scaleY(.15)}}
@keyframes pixel-logo-look{0%,85%,100%{transform:translateX(0)}25%,60%{transform:translateX(3px)}}
.bandeau{--b-texte:var(--pixel-ink);--b-gris:var(--pixel-muted);--b-pale:#6f6179;--b-trait:var(--pixel-line);--b-trait-fort:#bdaec6;--b-fond-2:#ece5ef;--b-voile:rgba(246,243,235,.96);--b-cap:#654286;--b-elan:var(--pixel-lime);--b-lueur:#64418d35}
body[data-page="studio"]{
  --bg:var(--pixel-paper);--bg-alt:#ece5ef;--surface:#fffdf8;--surface-2:#eee8f0;--glass:#f6f3ebed;
  --text:var(--pixel-ink);--muted:var(--pixel-muted);--faint:#6d6076;--border:var(--pixel-line);--border-strong:#c3b5cb;
  --accent:var(--pixel-purple);--accent2:#819c36;--accent-glow:#69428a39;--accent-soft:#724c9620;
  --iris-fill:var(--pixel-lime);--iris-core:var(--pixel-ink);--ink:var(--pixel-black);--ink-2:#191222;--ink-3:#261b33;
  --ink-text:var(--pixel-paper);--ink-muted:#d3c3df;--ink-faint:#ac99bd;--ink-accent:var(--pixel-lilac);
}
[data-page="studio"] .hero{
  --muted:#d4c7df;--faint:#bca9cd;--text:var(--pixel-paper);--border:#453550;--border-strong:#665373;
  --accent:var(--pixel-lilac);--accent2:var(--pixel-lime);--accent-glow:#ab72e85c;--accent-soft:#ab72e829;
  color:var(--pixel-paper);background-color:var(--pixel-black);
  background-image:linear-gradient(90deg,#bda0e012 1px,transparent 1px),linear-gradient(#bda0e012 1px,transparent 1px);
  background-size:24px 24px;min-height:0;
}
[data-page="studio"] .hero h1 .pixel-tagline{font-size:.72em;line-height:1;letter-spacing:-.055em;margin-top:16px}
[data-page="studio"] .hero-live{background:#171020;border-radius:4px}
[data-page="studio"] .hero .btn-primary{background:var(--pixel-lime);color:var(--pixel-ink);border-radius:4px}
[data-page="studio"] .hero .btn-ghost{background:#171020;color:var(--pixel-paper);border:1px solid #665373;border-radius:4px}
[data-page="studio"] .orb-stage{background:#100b18;border:1px solid #4e3b5e;box-shadow:7px 7px 0 #241831}
[data-page="studio"] .orb-glow{background:radial-gradient(closest-side,#9663d24d,transparent 74%)}
[data-page="studio"] .ol{background:#16101fee;color:var(--pixel-paper);border-radius:4px}
[data-page="studio"] .ol:is(:focus-visible,.is-on){border-color:var(--pixel-lime)}
[data-page="studio"] .orb-stage .eye .lens{stroke-width:3.3;stroke-linecap:square;stroke-linejoin:miter}
[data-page="studio"] .orb-stage .iris-light{fill:var(--pixel-paper)}
[data-page="studio"] .orb-stage .eye .iris-ring{stroke:var(--pixel-lime)}
[data-page="studio"] .orbit-caption{margin-top:15px}
.pixel-motion{font:inherit;font-size:11px;min-height:36px;padding:4px 10px;background:#181021;color:var(--pixel-lime);border:1px solid #766284;cursor:pointer}
.pixel-motion:hover{background:#2a1b36}
.pixel-motion:focus-visible{outline:2px solid var(--pixel-lime);outline-offset:2px}
@media(max-width:700px){
  [data-page="studio"] .hero h1 .pixel-tagline{margin-top:11px}
  [data-page="studio"] .orb-stage{box-shadow:4px 4px 0 #241831}
}
[data-page="studio"] .hero .orb-stage .iris-ring{fill:var(--pixel-lime)}
[data-pixel-motion="paused"] [data-page="studio"] .orb-stage *{animation:none!important}
[data-pixel-motion="paused"] [data-page="studio"] .orb-stage :is(.lens,.orbit){stroke-dashoffset:0}