/* HOCUS — tableau des preuves (section 04 de la home V5, issu de l'Opus Lab 30).
   Trois cas visibles d'emblée, chacun avec un graphique, ses chiffres et sa méthode.
   Couleurs de niveau reprises du ciel des offres : terracotta = point de départ,
   laiton = Atelier. */
.ev{--ev-paper:#ead0a0;--ev-card:#f3e3c2;--ev-ink:#0b0f14;--ev-muted:#4a4a44;--ev-line:rgba(11,15,20,.16);
  --ev-night:#111f36;--ev-night-2:#0b1526;--ev-cream:#f5f1ea;--ev-terra:#e46444;--ev-terra-soft:rgba(228,100,68,.42);
  --ev-brass:#c6a568;--ev-brass-deep:#8a6a2c;
  padding:clamp(80px,9vw,140px) var(--pad,24px);background:var(--ev-paper);color:var(--ev-ink)}
.ev-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.ev-eyebrow{grid-column:1/-1;margin:0;font:12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--burnt,#b45b36)}
.ev-head h2{margin:0;font:700 clamp(44px,6vw,88px)/.92 var(--sans);letter-spacing:-.045em}
.ev-head h2 em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.03em;color:var(--burnt,#b45b36)}
.ev-intro{margin:0;max-width:34em;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--ev-muted)}

.ev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px);margin:0;padding:0;list-style:none}
.ev-card{--tier:var(--ev-brass-deep);--tier-on-night:var(--ev-brass);display:flex;flex-direction:column;background:var(--ev-card);border:1px solid var(--ev-line);border-top:4px solid var(--tier);box-shadow:8px 8px 0 rgba(180,91,54,.14)}
.ev-card[data-tier="entry"]{--tier:#b8472a;--tier-on-night:var(--ev-terra)}
.ev-card-head{padding:22px 24px 0}
.ev-tag{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font:11.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ev-muted)}
.ev-tier{padding:4px 7px 3px;border:1px solid var(--tier);color:var(--tier);font-weight:700}
.ev-card h3{margin:0;font:700 clamp(26px,2.3vw,34px)/1 var(--sans);letter-spacing:-.035em}
.ev-card h3 em{display:block;font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.02em;color:var(--burnt,#b45b36)}
.ev-lede{margin:14px 0 0;font-size:16px;line-height:1.5;color:var(--ev-muted);min-height:4.5em}

/* Panneau graphique : fond nuit, comme les visuels actuels, pour le contraste. */
.ev-viz{position:relative;margin:20px 0 0;padding:20px 22px 18px;background:radial-gradient(120% 90% at 100% 100%,rgba(180,70,50,.28),transparent 60%),linear-gradient(160deg,var(--ev-night),var(--ev-night-2));color:var(--ev-cream);min-height:292px;display:flex;flex-direction:column}
.ev-viz-title{margin:0 0 14px;font:11px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(245,241,234,.72)}
.ev-viz figcaption{margin-top:auto;padding-top:12px;font-size:12.5px;line-height:1.4;color:rgba(245,241,234,.66)}

/* Scrolls : barres. */
.ev-bars{display:grid;gap:18px}
.ev-bar-block p{margin:0 0 7px;display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.3;color:rgba(245,241,234,.85)}
.ev-bar-block p b{font:700 13px var(--mono);color:var(--ev-cream)}
.ev-stack{position:relative;height:30px;background:rgba(245,241,234,.1);overflow:visible}
.ev-seg{position:absolute;top:0;bottom:0;left:var(--from,0);width:0;transition:width 1.1s cubic-bezier(.2,.7,.2,1) var(--delay,0s)}
.ev-seg.top10{background:var(--ev-terra)}
.ev-seg.top50{background:var(--ev-terra-soft)}
.ev-seg-label{position:absolute;top:50%;transform:translateY(-50%);left:10px;font:700 13px var(--mono);color:#fff;white-space:nowrap;opacity:0;transition:opacity .4s ease calc(var(--delay,0s) + .9s)}
.ev-marker{position:absolute;top:-6px;bottom:-6px;left:75.7%;width:2px;background:var(--ev-cream);opacity:0;transition:opacity .4s ease 1.5s}
.ev-marker span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:4px;font:700 11px var(--mono);white-space:nowrap}
.ev-pair{display:grid;gap:8px}
.ev-pair-row{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 4.2em;align-items:center;gap:10px;font-size:12.5px;color:rgba(245,241,234,.8)}
.ev-pair-track{height:14px;background:rgba(245,241,234,.1)}
.ev-pair-fill{display:block;height:100%;width:0;background:var(--ev-brass);transition:width 1s cubic-bezier(.2,.7,.2,1) var(--delay,0s)}
.ev-pair-row.hi .ev-pair-fill{background:var(--ev-terra)}
.ev-pair-row b{font:700 13px var(--mono);color:var(--ev-cream);text-align:right;white-space:nowrap}
.is-in .ev-seg{width:var(--w)}
.is-in .ev-seg-label,.is-in .ev-marker{opacity:1}
.is-in .ev-pair-fill{width:var(--w)}

/* Diagnostic : rose de maturité. */
.ev-radar-wrap{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
.ev-radar{width:100%;max-width:300px;height:auto;overflow:visible}
.ev-radar .ring{fill:none;stroke:rgba(245,241,234,.16);stroke-width:1}
.ev-radar .spoke{stroke:rgba(245,241,234,.16);stroke-width:1}
.ev-radar .axis-label{fill:rgba(245,241,234,.82);font:11px var(--sans)}
.ev-radar .profile{fill:rgba(228,100,68,.26);stroke:var(--ev-terra);stroke-width:2;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.4s ease .2s,fill-opacity .6s ease 1.3s;fill-opacity:0}
.ev-radar .node{fill:var(--ev-cream);opacity:0;transition:opacity .3s ease 1.3s}
.is-in .ev-radar .profile{stroke-dashoffset:0;fill-opacity:1}
.is-in .ev-radar .node{opacity:1}
.ev-outcomes{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;justify-content:center}
.ev-outcomes li{padding:5px 9px 4px;border:1px solid rgba(245,241,234,.35);font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;transform:rotate(var(--r,0deg));opacity:0;transition:opacity .35s ease var(--delay,1.6s)}
.ev-outcomes li:nth-child(1){--r:-2deg;border-color:#9bd3b7;color:#9bd3b7;--delay:1.6s}
.ev-outcomes li:nth-child(2){--r:1.5deg;border-color:var(--ev-brass);color:var(--ev-brass);--delay:1.8s}
.ev-outcomes li:nth-child(3){--r:-1deg;border-color:var(--ev-terra);color:var(--ev-terra);--delay:2s}
.is-in .ev-outcomes li{opacity:1}

/* Lore : mosaïque. */
.ev-mosaic{display:block;width:100%;height:150px}
.ev-gauge{margin-top:14px}
.ev-gauge p{margin:0 0 6px;display:flex;justify-content:space-between;font-size:12.5px;color:rgba(245,241,234,.8)}
.ev-gauge p b{font:700 13px var(--mono);color:var(--ev-cream)}
.ev-gauge-track{height:10px;background:rgba(245,241,234,.1)}
.ev-gauge-fill{height:100%;width:0;background:var(--ev-brass);transition:width 1.1s cubic-bezier(.2,.7,.2,1) 1.4s}
.is-in .ev-gauge-fill{width:98%}

/* Chiffres, méthode, lien. */
.ev-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:18px 24px;border-bottom:1px solid var(--ev-line)}
.ev-figures div{padding-right:8px}
.ev-figures div+div{padding-left:12px;border-left:1px solid var(--ev-line)}
.ev-figures dt{order:2;margin-top:3px;font-size:12.5px;line-height:1.3;color:var(--ev-muted)}
.ev-figures dd{margin:0;font:700 clamp(20px,1.7vw,25px)/1.05 var(--sans);letter-spacing:-.03em;white-space:nowrap}
.ev-figures div{display:flex;flex-direction:column}
.ev-method-title{margin:0;padding:16px 24px 0;font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ev-muted)}
/* La méthode en petite ligne de métro : trois stations numérotées sur un trait. */
.ev-method{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px 24px 0;list-style:none;counter-reset:step}
.ev-method::before{content:"";position:absolute;top:22px;left:calc(24px + (100% - 48px) / 6);right:calc(24px + (100% - 48px) / 6);height:2px;background:var(--tier)}
.ev-method li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:14px;line-height:1.3}
.ev-method li::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ev-card);border:2px solid var(--tier);color:var(--ev-ink);font:700 11px var(--mono)}
.ev-note{margin:14px 24px 0;font-size:13.5px;line-height:1.45;color:var(--ev-muted)}
.ev-link{align-self:flex-start;margin:auto 24px 24px;padding-top:18px;font:700 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--burnt,#b45b36);text-decoration:none}
.ev-link span{border-bottom:1px solid currentColor;padding-bottom:3px}
.ev-link:hover span,.ev-link:focus-visible span{border-bottom-width:2px}
.ev-link:focus-visible{outline:2px solid var(--burnt,#b45b36);outline-offset:4px}

@media (max-width:1100px){.ev-grid{grid-template-columns:1fr;max-width:640px;margin-inline:auto}.ev-lede{min-height:0}.ev-head{grid-template-columns:1fr}}
@media (max-width:760px){.ev{padding:72px 16px}.ev-card-head{padding:20px 18px 0}.ev-viz{padding:18px 16px 16px;min-height:0}.ev-figures{padding:16px 18px}.ev-method{padding:10px 18px 0}.ev-method::before{left:calc(18px + (100% - 36px) / 6);right:calc(18px + (100% - 36px) / 6)}.ev-method-title{padding:14px 18px 0}.ev-note{margin:12px 18px 0}.ev-link{margin:auto 18px 20px}.ev-figures dd{font-size:20px}.ev-pair-row{grid-template-columns:minmax(0,8em) 1fr 4em}}
@media (prefers-reduced-motion:reduce){.ev *{transition:none!important}}