/* =========================================================
   LE CERCLE DES ROIS — page Partenaires
   ========================================================= */
#v-partenaires{padding-bottom:120px}
.pa-exemple{margin:4px 0 14px;padding:10px 14px;border-radius:14px;border:1px dashed #62d0ff88;background:#2aabee14;color:#bfe8ff;font:700 12.5px/1.4 Manrope,system-ui,sans-serif}
/* l'en-tête : titre, anneau 3D des médaillons qui tourne */
.pa-hero{position:relative;overflow:hidden;margin:0 -16px;padding:26px 16px 22px;text-align:center;isolation:isolate}
.pa-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 50% 30%,#f5b40026,transparent 70%),radial-gradient(40% 35% at 15% 85%,#2aabee1f,transparent 70%)}
.pa-hero small{display:block;font:800 11px Manrope,system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#62d0ff}
.pa-hero h2{margin:6px 0 6px;font:400 34px/1.05 "Russo One",system-ui,sans-serif;background:linear-gradient(110deg,#b07a00,#ffd65a 30%,#fff8dc 45%,#ffd65a 60%,#b07a00);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:paBrille 4s linear infinite;filter:drop-shadow(0 6px 18px #f5b40044)}
@keyframes paBrille{from{background-position:120% 0}to{background-position:-130% 0}}
.pa-hero p{margin:0 auto;max-width:330px;font:600 14px/1.45 Manrope,system-ui,sans-serif;color:#d8d0b8}
.pa-scene{height:190px;margin-top:6px;perspective:900px;perspective-origin:50% 30%}
.pa-anneau{position:relative;width:0;height:0;margin:84px auto 0;transform-style:preserve-3d;animation:paTourne 26s linear infinite}
@keyframes paTourne{from{transform:rotateX(-8deg) rotateY(0)}to{transform:rotateX(-8deg) rotateY(-360deg)}}
.pa-anneau .pa-med{position:absolute;left:-34px;top:-34px;width:68px;height:68px;transform:rotateY(var(--a)) translateZ(150px);backface-visibility:visible}
.pa-sol{position:absolute;left:50%;bottom:16px;width:300px;height:40px;margin-left:-150px;border-radius:50%;background:radial-gradient(closest-side,#f5b40038,transparent);filter:blur(4px)}
.pa-chiffres{display:flex;justify-content:center;gap:8px;margin-top:4px}
.pa-chiffres div{min-width:96px;padding:10px 8px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff14}
.pa-chiffres b{display:block;font:400 22px "Russo One",system-ui,sans-serif;color:#ffd65a}
.pa-chiffres span{font:700 11px Manrope,system-ui,sans-serif;color:#bfb69c}
/* médaillon d'un partenaire : son logo, ou ses initiales dans sa couleur */
.pa-med{display:grid;place-items:center;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c,#ffd65a) 60%,#fff),var(--c,#ffd65a) 55%,color-mix(in srgb,var(--c,#ffd65a) 55%,#000));box-shadow:0 0 0 3px #0c0b11,0 0 0 5px #ffd65a,0 10px 30px #000a,0 0 24px color-mix(in srgb,var(--c,#ffd65a) 60%,transparent);font-style:normal}
.pa-med img{width:100%;height:100%;object-fit:cover}
.pa-med b{font:400 22px "Russo One",system-ui,sans-serif;color:#fff;text-shadow:0 2px 8px #0008}
.pa-med.vide{background:radial-gradient(circle at 35% 30%,#2a2433,#121018);box-shadow:0 0 0 3px #0c0b11,0 0 0 4px #ffd65a66 inset,0 0 0 5px #ffd65a55}
.pa-med.vide b{color:#ffd65a88}
/* titres de section */
.pa-sec{display:flex;align-items:center;gap:10px;margin:26px 0 12px;font:400 19px "Russo One",system-ui,sans-serif}
.pa-sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#ffd65a55,transparent)}
/* à la une : téléphone qui joue sa mini app + son histoire */
.pa-une{position:relative;display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;padding:16px;border-radius:26px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--c) 30%,transparent),transparent 60%),linear-gradient(160deg,#17131d,#0b0a0f)}
.pa-une:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--r,0deg),var(--c),#ffd65a,transparent 40%,var(--c));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:paCadre 5s linear infinite}
@property --r{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes paCadre{to{--r:360deg}}
.pa-tel{position:relative;width:132px;aspect-ratio:9/19;border-radius:24px;padding:6px;background:linear-gradient(145deg,#3a3242,#121018);box-shadow:0 18px 40px #000c,0 0 0 1px #ffffff22,0 0 30px color-mix(in srgb,var(--c) 45%,transparent)}
.pa-tel:before{content:"";position:absolute;top:10px;left:50%;width:34px;height:7px;margin-left:-17px;border-radius:9px;background:#000;z-index:2}
.pa-tel video,.pa-tel img{width:100%;height:100%;object-fit:cover;border-radius:19px;display:block;background:#000}
.pa-une h3{margin:0;font:400 24px/1.1 "Russo One",system-ui,sans-serif}
.pa-tag{display:inline-flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}
.pa-tag em{font-style:normal;padding:3px 9px;border-radius:99px;font:800 11px Manrope,system-ui,sans-serif;background:#ffffff10;color:#e9e1c8;border:1px solid #ffffff1a}
.pa-tag em.c{background:color-mix(in srgb,var(--c) 25%,transparent);border-color:color-mix(in srgb,var(--c) 60%,transparent);color:#fff}
.pa-avis{position:relative;margin:0 0 10px;padding-left:14px;border-left:2px solid #ffd65a;font:600 13.5px/1.45 Manrope,system-ui,sans-serif;color:#efe7cf}
.pa-avis small{display:block;margin-top:4px;font-weight:700;color:#ffd65a}
.pa-etoiles{color:#ffd65a;letter-spacing:2px;font-size:13px}
.pa-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}
.pa-stats div{padding:8px 4px;border-radius:12px;background:#ffffff08;text-align:center}
.pa-stats b{display:block;font:400 16px "Russo One",system-ui,sans-serif;color:#ffd65a}
.pa-stats span{font:700 10.5px/1.2 Manrope,system-ui,sans-serif;color:#bfb69c}
.pa-btns{display:flex;flex-wrap:wrap;gap:8px}
.pa-btns .btn{flex:1;min-width:130px;padding:11px 12px;font-size:13.5px}
@media (max-width:370px){.pa-une{grid-template-columns:1fr}.pa-tel{margin:0 auto}}
/* toutes les cartes */
.pa-grille{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pa-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;border-radius:22px;text-align:center;color:#fff;overflow:hidden;
  background:radial-gradient(100% 70% at 50% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),linear-gradient(170deg,#17131d,#0b0a0f);border:1px solid #ffffff16}
.pa-c:active{transform:scale(.97)}
.pa-c .pa-med{width:62px;height:62px}
.pa-c b{font:400 15px/1.15 "Russo One",system-ui,sans-serif}
.pa-c small{font:700 11.5px Manrope,system-ui,sans-serif;color:#bfb69c}
.pa-c span{font:800 12px Manrope,system-ui,sans-serif;color:#ffd65a}
.pa-c .pa-ex,.pa-une .pa-ex{position:absolute;top:10px;right:-28px;transform:rotate(35deg);padding:3px 30px;font:800 9.5px Manrope,sans-serif;letter-spacing:1.5px;background:#2aabee;color:#fff}
/* le mur des logos */
.pa-mur{overflow:hidden;margin:0 -16px;padding:14px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.pa-mur div{display:flex;gap:18px;width:max-content;animation:paMur 30s linear infinite}
.pa-mur .pa-med{width:52px;height:52px;flex:none}
@keyframes paMur{to{transform:translateX(-50%)}}
/* ta mini app ici */
.pa-toi{position:relative;margin-top:22px;padding:22px 18px;border-radius:26px;text-align:center;overflow:hidden;border:2px dashed #ffd65a88;background:radial-gradient(80% 90% at 50% 0%,#f5b40024,transparent 70%),#0e0c13}
.pa-toi:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,#ffffff22 50%,transparent 62%);background-size:300% 100%;animation:paReflet 3.8s ease-in-out infinite;pointer-events:none}
@keyframes paReflet{0%,40%{background-position:130% 0}85%,100%{background-position:-130% 0}}
.pa-toi .pa-med{width:74px;height:74px;margin:0 auto 10px}
.pa-toi h3{margin:0 0 6px;font:400 21px "Russo One",system-ui,sans-serif;color:#ffd65a}
.pa-toi p{margin:0 0 14px;font:600 13.5px/1.45 Manrope,system-ui,sans-serif;color:#d8d0b8}
/* la fiche détaillée (dans #sheet) */
.pa-fiche .pa-tel{width:180px;margin:6px auto 14px}
.pa-fiche h2{text-align:center;margin:0}
.pa-fiche .pa-tag{justify-content:center;display:flex}
.pa-histoire{display:grid;gap:10px;margin:14px 0}
.pa-histoire div{padding:12px 14px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff12}
.pa-histoire b{display:block;margin-bottom:4px;font:400 14px "Russo One",system-ui,sans-serif;color:#ffd65a}
.pa-histoire p{margin:0;font:600 13.5px/1.45 Manrope,system-ui,sans-serif;color:#e4dcc4}
.pa-captures{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.pa-captures img{height:260px;border-radius:16px;scroll-snap-align:center}
/* apparition au défilement */
.pa-rv{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .7s cubic-bezier(.2,1.2,.4,1)}
.pa-rv.vu{opacity:1;transform:none}
body.lite .pa-anneau,body.lite .pa-mur div,body.lite .pa-une:before,body.lite .pa-toi:after{animation:none}
@media (prefers-reduced-motion:reduce){.pa-anneau,.pa-mur div,.pa-une:before,.pa-toi:after,.pa-hero h2{animation:none}.pa-rv{opacity:1;transform:none}}