/* ═══════════════════════════════════════════════════════════════════════════
   Pages entreprise (sponsors / partenaires) : gabarit partagé
   Charte noir / or Elite Prime, Orbitron (titres) + Exo 2 (texte).
   Utilisée par erm.html et canevas-entreprise.html (dossier /entreprises/).
   Sans filter ni backdrop-filter (machines sans GPU, cf. accueil.css).
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Orbitron";font-weight:500 900;font-display:swap;src:url(../assets/accueil/fonts/Orbitron.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:100 900;font-display:swap;src:url(../assets/accueil/fonts/Exo2.woff2) format("woff2")}

:root{
  --fosse:#050507; --laque:#0b0b10; --anthracite:#14141c; --trait:#2a2a36;
  --or:#e8c26a; --or-profond:#caa24a; --or-lumiere:#fff1c2; --or-ombre:#8a6a22;
  --blanc:#f5f5f8; --fumee:#c4c4d2; --retrait:#6f6f80; --argent:#c9ccd6;
  --orb:Orbitron,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{margin:0}
body{
  background:radial-gradient(1200px 600px at 50% -8%,#12121b 0%,var(--fosse) 60%) var(--fosse);
  color:var(--blanc);font-family:"Exo 2",system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.55;
  min-height:100vh;min-height:100dvh;overflow-x:hidden;
}
a{color:inherit}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--or-lumiere);outline-offset:4px;border-radius:4px}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}

/* ── En-tête du site ── */
.tete{position:sticky;top:0;z-index:50;background:rgba(5,5,7,.88);border-bottom:1px solid var(--trait)}
.tete .wrap{display:flex;align-items:center;gap:12px;min-height:60px}
.logo{font-family:var(--orb);font-weight:900;font-size:clamp(16px,2.4vw,20px);letter-spacing:.14em;text-decoration:none;white-space:nowrap}
.logo span{color:var(--or);text-shadow:0 0 22px rgba(232,194,106,.35)}
.tete nav{margin-left:auto;display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--trait);
  background:rgba(11,11,16,.7);color:var(--fumee);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s}
.btn:hover{border-color:var(--or);color:var(--blanc)}
.btn.or{font-family:var(--orb);font-weight:700;font-size:14px;letter-spacing:.1em;color:#1a1400;border:none;padding:0 22px;
  background:linear-gradient(135deg,var(--or-lumiere) -20%,var(--or) 40%,var(--or-profond));box-shadow:0 8px 30px -10px rgba(232,194,106,.6)}
.btn.or:hover{color:#1a1400;box-shadow:0 8px 34px -8px rgba(232,194,106,.8)}
.btn .ext{font-size:12px;opacity:.8}

/* ── Fil d'Ariane ── */
.ariane{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0 0;font-size:13px;color:var(--retrait);letter-spacing:.04em}
.ariane a{color:var(--fumee);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.ariane a:hover{color:var(--or)}
.ariane b{color:var(--argent);font-weight:600}

/* ── Héros entreprise ── */
.heros{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;margin:26px 0 0;padding:32px;border:1px solid var(--trait);border-radius:20px;
  background:linear-gradient(160deg,var(--anthracite),var(--laque));position:relative;overflow:hidden}
.heros::before{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(232,194,106,.16),transparent 70%);pointer-events:none}
.embleme{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;border-radius:18px;
  border:1px solid rgba(232,194,106,.45);background:#000 radial-gradient(closest-side,#1a1608,#000 85%)}
.embleme img{width:200px;height:200px;object-fit:contain}
.embleme small{position:absolute;bottom:8px;left:0;right:0;text-align:center;font:400 10px "Exo 2",sans-serif;letter-spacing:.12em;color:var(--retrait);text-transform:uppercase}
/* Monogramme CSS (quand aucun logo n'est disponible) : hexagone or, lettres Orbitron */
.mono{position:relative;width:176px;height:176px;display:flex;align-items:center;justify-content:center;
  font-family:var(--orb);font-weight:900;font-size:44px;letter-spacing:.1em;color:var(--or);text-shadow:0 0 24px rgba(232,194,106,.35)}
.mono::before,.mono::after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.mono::before{background:linear-gradient(160deg,var(--or-lumiere),var(--or) 45%,var(--or-ombre))}
.mono::after{inset:3px;background:linear-gradient(160deg,#16130a,#050507)}
.mono span{position:relative;z-index:1;padding-left:.1em}
.heros h1{font-family:var(--orb);font-weight:900;font-size:clamp(26px,4.2vw,44px);letter-spacing:.08em;text-transform:uppercase;line-height:1.1;margin:8px 0 6px}
.heros h1 span{color:var(--or)}
.baseline{margin:0 0 16px;color:var(--fumee);font-weight:300;font-size:clamp(16px,2vw,19px);max-width:52ch}
.statut{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;border:1px solid var(--or-profond);
  background:linear-gradient(135deg,#2a2210,var(--laque));font-family:var(--orb);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--or-lumiere)}
.statut i{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;
  background:linear-gradient(135deg,var(--or-lumiere),var(--or-profond));color:#1a1400}
.heros .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.meta{margin:14px 0 0;color:var(--retrait);font-size:13px;letter-spacing:.04em}

/* ── Sections ── */
section.bloc{margin-top:36px;scroll-margin-top:80px}
h2{font-family:var(--orb);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--or);margin:0 0 14px}
h2::after{content:"";display:block;width:40px;height:1px;margin-top:10px;background:linear-gradient(90deg,var(--or),transparent)}
.presentation{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.carte-texte{padding:24px;border:1px solid var(--trait);border-radius:16px;background:linear-gradient(160deg,var(--anthracite),var(--laque))}
.carte-texte p{margin:0 0 12px;color:var(--fumee)}
.carte-texte p:last-child{margin-bottom:0}
.carte-texte b{color:var(--blanc)}
q{quotes:"« " " »"}
.carte-texte q{color:var(--blanc);font-style:italic}
.valeurs{display:grid;gap:12px;align-content:start}
.valeur{padding:16px 18px;border:1px solid var(--trait);border-radius:14px;background:var(--laque)}
.valeur h3{font-family:var(--orb);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin:0 0 6px}
.valeur p{margin:0;color:var(--fumee);font-size:15px}
.ateliers{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0;padding:0;list-style:none}
.ateliers li{padding:8px 14px;border-radius:999px;border:1px solid var(--trait);color:var(--argent);font-size:13px;font-weight:600;letter-spacing:.04em;background:rgba(11,11,16,.7)}

/* Ce que finance le sponsoring : 3 étapes */
.etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.etape{padding:22px;border:1px solid var(--trait);border-radius:16px;background:linear-gradient(160deg,var(--anthracite),var(--laque));position:relative}
.etape .num{font-family:var(--orb);font-weight:900;font-size:30px;color:var(--or);line-height:1;margin-bottom:10px;text-shadow:0 0 18px rgba(232,194,106,.3)}
.etape h3{font-family:var(--orb);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.etape p{margin:0;color:var(--fumee);font-size:15px}
.note{margin:16px 0 0;color:var(--retrait);font-size:14px}

/* ── Carte Trophiz (reprise fidèle de la tuile .card-tile.tz du Collectionneur) ── */
.trophiz{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center;padding:28px;border:1px solid var(--or-profond);border-radius:20px;
  background:linear-gradient(135deg,#2a2210,var(--laque))}
.tz{position:relative;width:300px;aspect-ratio:2/3;border-radius:7%/4.7%;overflow:hidden;background:#0a0a0f url(../assets/trophiz/fond-sponsor.webp) center/cover no-repeat;
  box-shadow:0 18px 40px rgba(0,0,0,.65),0 0 0 1px rgba(232,194,106,.25);margin:0 auto;font-size:16px}
.tz-suit{position:absolute;left:4%;top:2.4%;width:9%;text-align:center;font-size:.85em;line-height:1;color:#5dfc5d;text-shadow:0 0 6px #000}
.tz-title{position:absolute;left:15%;right:14%;top:3.2%;height:5.6%;display:flex;align-items:center;justify-content:center;color:#f3e3b3;font-weight:800;font-size:.62em;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}
.tz-art{position:absolute;left:4.5%;right:4.5%;top:10%;height:67%;overflow:hidden;border-radius:4%/3%}
.tz-art img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.tz-emoji{position:absolute;bottom:6%;right:6%;font-size:1.3em;text-shadow:0 2px 3px #000}
.tz-value{position:absolute;left:7%;top:12%;font-size:1.55em;font-weight:900;line-height:1;letter-spacing:-1px;color:#5dfc5d;text-shadow:0 2px 6px #000,0 0 14px rgba(0,0,0,.8)}
.tz-stats{position:absolute;left:4.5%;right:4.5%;top:79.5%;height:15.5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3%}
.tz-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0 3px}
.tz-stat b{font-size:.72em;color:#ffe9a8;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tz-stat small{font-size:.46em;color:#a89a70;text-transform:uppercase;letter-spacing:.06em;line-height:1.1}
.tz-copy{position:absolute;right:5%;bottom:1.2%;font-size:.44em;color:#b9a36a;font-family:monospace;letter-spacing:.3px;text-shadow:0 1px 2px #000}
.fiche h3{font-family:var(--orb);font-weight:700;font-size:clamp(18px,2.6vw,24px);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}
.fiche .sous{margin:0 0 16px;color:var(--argent);font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.pouvoir{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--trait);border-radius:14px;background:rgba(5,5,7,.55);margin-bottom:16px}
.pouvoir .val{font-family:var(--orb);font-weight:900;font-size:26px;color:#5dfc5d;text-shadow:0 0 16px rgba(93,252,93,.35);white-space:nowrap}
.pouvoir .lab{font-family:var(--orb);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--or);margin:0 0 4px}
.pouvoir p{margin:0;color:var(--fumee);font-size:15px}
.fiche > p{margin:0 0 16px;color:var(--fumee)}
.fiche .actions{display:flex;gap:12px;flex-wrap:wrap}
.legende{margin:12px 0 0;text-align:center;color:var(--retrait);font-size:12px;letter-spacing:.06em;text-transform:uppercase}

/* ── Pied ── */
footer{margin-top:44px;padding:22px 0 calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--trait);color:var(--retrait);font-size:13px;text-align:center}
footer nav{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}
footer a{color:var(--fumee);text-decoration:none;min-height:44px;padding:0 4px;display:inline-flex;align-items:center}
footer a:hover{color:var(--or)}

/* ── Écrans étroits ── */
@media (max-width:900px){
  .presentation{grid-template-columns:1fr}
  .etapes{grid-template-columns:1fr}
  .trophiz{grid-template-columns:1fr;text-align:center}
  .fiche .actions,.pouvoir{justify-content:center}
  .pouvoir{grid-template-columns:1fr;text-align:center}
  .pouvoir .val{white-space:normal;overflow-wrap:anywhere}
}
@media (max-width:640px){
  .heros{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 18px}
  .heros .actions{justify-content:center}
  .baseline{margin-left:auto;margin-right:auto}
  .btn.retour{display:none}
  .tz{width:min(260px,100%)}
}

/* ERM (21/09) : logo officiel couleur sur plaque blanche, hero teinté du fond ERM ; bloc pouvoir avec unité Kŧ */
.embleme.plaque{background:#fff;border-radius:18px;padding:22px 26px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(0,0,0,.45)}
/* Le fond du bandeau ERM est posé dans erm.html, en multi-background sur l'élément (comme DEERS et La Marianne).
   Ne jamais le remettre en ::before z-index:-1 : il passerait derrière le fond opaque de .heros et effacerait le halo or. */
.pouvoir .val small{display:block;font-size:12px;letter-spacing:.12em;margin-top:-4px}
.bloc .sous{margin:-6px 0 14px;color:#a9a9b8}

/* Médaillon économie (Rudolf 22/09/2026) : TOUJOURS au même endroit (haut droit de l'illustration), gros disque métal OR, montant embossé.
   .fund = financement d'un sponsor (+25 Kŧ), sinon coût d'un athlète (60 Kŧ). Même composant sur les cartes du Collectionneur, de l'arène et des pages entreprise. */
.tz .tz-cost{position:absolute;right:6.5%;top:11%;z-index:3;width:27%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;
  background:radial-gradient(circle at 35% 30%,#fff3c4 0%,#f1d98a 18%,#caa24a 45%,#8a6a1e 72%,#5a4412 100%);
  box-shadow:0 0 0 1.5px #3a2c08,0 0 0 3px #e8c26a,0 3px 6px rgba(0,0,0,.7),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -3px 5px rgba(0,0,0,.45);
  color:#3a2c08;font-family:var(--orb,Orbitron),system-ui,sans-serif;font-weight:900;letter-spacing:-.02em;padding:0;border:0;text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(0,0,0,.35)}
.tz-cost b{display:block;font-size:.95em;font-weight:900}
.tz-cost small{display:block;font-size:.42em;font-weight:800;letter-spacing:.06em;margin-top:.1em}
.tz-cost.fund{color:#0f3d14;text-shadow:0 1px 0 rgba(255,255,255,.6),0 -1px 0 rgba(0,0,0,.3)}