/* StarTop — habillage de l'intro / menu 3D (charte i_No : ino-kit.css) — palette StarTop (or chaud + rose scène) */
:root{--ino-glow:#ffb35c;--ino-glow2:#ff5c93}
.st-shell{position:fixed;inset:0;z-index:950;background:#000;color:var(--ino-ink);transition:opacity .48s ease;overflow:hidden}
.st-shell.out{opacity:0;pointer-events:none}
.st-shell.st-fadein .st-shell-cv{animation:stFade 1.1s ease both}
@keyframes stFade{from{opacity:0}to{opacity:1}}
.st-shell-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.st-cut{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.st-cut.on{animation:stCut .46s ease}
@keyframes stCut{0%{opacity:0}40%{opacity:1}100%{opacity:0}}
.st-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:0 0 3rem clamp(1.2rem,7vw,6.5rem);opacity:0;transition:opacity 1s ease;
 background:radial-gradient(70% 110% at 0% 50%,rgba(6,4,18,.6),rgba(6,4,18,0) 70%)}
.st-menu.on{opacity:1}
.st-menu.off{opacity:0;transition-duration:.45s;pointer-events:none}
.st-menu .ino-menu{align-items:flex-start;text-align:left}
.st-menu .ino-menu-t{font-size:clamp(2.6rem,7vw,5rem);letter-spacing:.01em}
.st-menu .ino-menu-t em{color:var(--ino-glow2);text-shadow:0 0 30px rgba(255,92,147,.45)}
@media (max-aspect-ratio:1/1){
 .st-menu{justify-content:center;align-items:stretch;padding:max(2.2rem,env(safe-area-inset-top)) 1.1rem 3.4rem;background:linear-gradient(0deg,rgba(6,4,18,.78),rgba(6,4,18,0) 52%),linear-gradient(180deg,rgba(6,4,18,.55),rgba(6,4,18,0) 28%)}
 .st-menu .ino-menu{align-items:center;text-align:center;justify-content:space-between;width:100%;height:100%}
 .st-menu .ino-menu-l{width:min(100%,21rem)}
 .st-menu .ino-btn{min-width:0;width:100%}
}
.st-opt .st-q{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.st-opt .st-q .ino-btn{min-width:0;padding:.7rem .85rem;font-size:.86rem}
.st-opt .st-q .ino-btn[aria-pressed=true]{border-color:color-mix(in srgb,var(--ino-glow) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ino-glow) 50%,transparent),0 0 22px -6px var(--ino-glow)}
.st-note{color:var(--ino-dim);font-size:.8rem}
.st-cr strong{display:block;font-weight:600}
.st-cr span{display:block;color:var(--ino-dim);font-size:.82rem}
@media (max-width:420px){.st-opt .st-q{grid-template-columns:1fr}}
.st-still{position:absolute;inset:0;pointer-events:none}
.st-wait{position:absolute;left:0;right:0;bottom:22%;margin:0;text-align:center;font:500 .8rem/1.3 var(--ino-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ino-dim)}
/* vignette cinéma sur le décor 3D (CSS seul : 0 passe de rendu, 0 draw call) */
.st-shell::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 95% at 50% 46%,rgba(0,0,0,0) 55%,rgba(2,1,8,.5) 100%)}
.st-menu,.st-still,.st-wait,.st-cut{z-index:2}
/* ---------- intro filmée (intro-video.js) ---------- */
.st-vintro{background:#000}
.st-vi-media{position:absolute;inset:0;overflow:hidden;background:#000}
.st-vi-v,.st-vi-p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;background:#000;transform-origin:50% 45%}
.st-vi-v.on,.st-vi-p.on{opacity:1}
.st-vi-v.st-vi-pre{opacity:0!important}
.st-vi-contain .st-vi-v,.st-vi-contain .st-vi-p{object-fit:contain}
.st-vi-p.kb.on{animation:stKB 4s linear both}
@keyframes stKB{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.11) translate3d(-1.2%,-.8%,0)}}
/* lisibilité des textes : léger voile haut/bas, rien sur le centre de l'image */
.st-vintro::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 26%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 24%)}
.st-vintro .ino-sig-t,.st-vintro .ino-cap{z-index:2}
.st-vintro .ino-sig-t{transition:opacity 1s ease}
.st-vintro .ino-sig-t.on{opacity:1}
.st-vi-snd.ino-btn{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:4;min-width:0;padding:.42rem .8rem;font-size:.76rem;opacity:.82}
.st-vi-snd[hidden]{display:none}
.ino-rm .st-vi-v,.ino-rm .st-vi-p,.ino-rm.st-vintro .ino-sig-t{transition-duration:.3s}
.ino-rm .st-vi-p{animation:none!important;transform:none}
@media (prefers-reduced-motion:reduce){.st-vi-p{animation:none!important;transform:none}}
/* écrans étroits : « Passer » au-dessus de la ligne de crédit (sinon il masque « © 2026 ») */
@media (max-width:560px){.st-vintro .ino-skip.ino-btn{bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 1.6rem)}}