/* VM MANGAS — base + héros calqués sur la maquette 02_REFERENCE_VM_MANGAS (noir / rouge / or, néons).
   Mascotte VM originale : /mangas/assets/vm-87.png (repli vectoriel /mangas/assets/vm-87.svg). Aucun personnage tiers redessiné. */
:root{--neon:#ff1f3d;--neon2:#c4081f;--vm-gold:#ffc21a;--ice:#4f9bff}
body.vm-mangas-page{background:radial-gradient(ellipse at 0 30%,#3a0610 0,transparent 42%),radial-gradient(ellipse at 100% 60%,#2a0610 0,transparent 40%),linear-gradient(180deg,#07080b,#030304)!important;color:#f4f4f6;overflow-x:hidden}
.vm-manga-shell{max-width:1536px;margin:auto;padding:0 clamp(10px,1.1vw,18px) 30px}
.vm-mangas-page h2,.vm-mangas-page h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}

/* ---------- HÉROS ---------- */
/* Gauche : visuel du propriétaire (img/vm-art/vm-mangas-hero.webp, repli /mangas/assets/vm-87.svg).
   Droite : miniatures officielles YouTube des épisodes déjà liés. */
.vm-manga-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:65.3% 1fr;margin:0 calc(-1 * clamp(10px,1.1vw,18px));background:radial-gradient(ellipse 45% 90% at 88% 40%,#123a8a 0,#081a40 55%,transparent 100%),#0a080c;border-bottom:2px solid #2a0710}
.mh-art{position:relative;z-index:2;background:#0a080c url('/mangas/assets/vm-87.svg') 0 0/40% auto no-repeat}
.mh-art picture,.mh-art img{display:block;width:100%;height:auto}
.mh-ctarow{display:flex;justify-content:flex-start;padding:0 0 clamp(12px,1.3vw,20px) 77%;margin-top:-2px;background:#0a080c}
.mh-cta{display:inline-flex;align-items:center;gap:10px;transform:translateX(-50%);white-space:nowrap;padding:clamp(8px,.8vw,12px) clamp(14px,1.6vw,26px);border-radius:8px;border:2px solid #ff5a6e;background:linear-gradient(180deg,#e0102c,#a2061b);box-shadow:0 0 16px #ff1f3dbb,inset 0 0 10px #ff8a9a55;color:#fff;text-decoration:none;font:700 clamp(15px,1.45vw,22px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;min-height:42px}
.mh-cta svg{width:22px;height:22px}
.mh-cta:hover{background:#ff1f3d}
.mh-right{position:relative;overflow:hidden}
.mh-right img{position:absolute;object-fit:cover;border:2px solid #4f9bff88;box-shadow:0 0 18px #000,0 0 10px #4f9bff55;border-radius:6px;transform:skewX(-8deg)}
.mh-right .r1{width:66%;aspect-ratio:16/10;top:7%;right:5%;height:auto}
.mh-right .r2{width:60%;aspect-ratio:16/10;top:36%;right:38%;height:auto}
.mh-right .r3{width:50%;aspect-ratio:16/10;top:54%;right:3%;height:auto;opacity:.92}
.mh-right::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#0a080c 0,transparent 26%),linear-gradient(180deg,transparent 60%,#000c)}
.mh-motto{position:absolute;z-index:3;right:clamp(10px,1.4vw,24px);bottom:clamp(10px,1.6vw,22px);margin:0;text-align:right;font:400 clamp(12px,1.25vw,19px)/1.15 'Permanent Marker',cursive;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 #000;transform:rotate(-8deg)}
.mh-motto svg{width:1.1em;height:1.1em;color:#fff;vertical-align:-.15em}
@media(max-width:900px){
 .vm-manga-hero{grid-template-columns:1fr}
 .mh-right{display:none}
 .mh-ctarow{justify-content:center;padding:10px 12px 16px}
 .mh-cta{transform:none}
}