/* =========================================================================
   v1-fin-1.css — FINITION haut de gamme (index / academie / espace-talents)
   Chargé APRÈS v1-theme.css. Ne touche que le <main> de ces 3 pages :
   cadre photo « Yann » 16/9, panneau pétales horizontal, présentation claire
   (carte structurée + grille de stats), homogénéité des marques.
   Aucune animation en boucle ; interactions au survol uniquement.
   ========================================================================= */

/* ---- 1) Cadre photo « Yann » 16/9 (renfort du .v1-photoframe de v1-theme) --- */
.v1-photoframe{ line-height:0; isolation:isolate; }
.v1-photoframe > picture{ display:block; width:100%; }
.v1-photoframe img{ transition:transform .4s var(--ease,cubic-bezier(.4,0,.2,1)); }
.v1-photoframe:hover img{ transform:scale(1.03); }           /* survol sobre, non bouclé */
@media (prefers-reduced-motion:reduce){
  .v1-photoframe img{ transition:none; }
  .v1-photoframe:hover img{ transform:none; }
}
/* légende discrète optionnelle sous une photo encadrée */
.v1-photocap{ margin-top:12px; font-size:.86rem; color:var(--muted); line-height:1.45; }
.v1-photocap b{ color:var(--c-pole); font-weight:800; }

/* hero : le cadre photo remplace l'ancien aplat/logo, format paysage garanti */
.v1-hero .v1-photoframe{ border-radius:26px; box-shadow:0 24px 60px -22px color-mix(in srgb,var(--c-pole) 55%,transparent); }
.v1-hero .v1-photoframe img{ aspect-ratio:16/9; }

/* ---- 2) Panneau pétales décoratif, HORIZONTAL et sobre --- */
.v1-petalpanel{ padding:clamp(28px,4vw,44px); color:#fff; overflow:hidden; }
.v1-petalpanel > *{ position:relative; z-index:1; }
.v1-petalpanel h2,.v1-petalpanel h3{ color:#fff; }
.v1-petalpanel p{ color:rgba(255,255,255,.9); }
.v1-petalpanel .v1-eyebrow{ color:rgba(255,255,255,.92); }
.v1-petalpanel .v1-eyebrow::before{ background:rgba(255,255,255,.85) !important; }

/* ---- 3) Présentation claire : carte structurée + grille de stats --- */
/* carte « pôle / présentation » : titre + intro + puces, plus d'air */
.v1-clearcard{
  background:var(--paper,#fff); border:1px solid var(--line,#e6e9ef);
  border-left:5px solid var(--c-pole); border-radius:18px;
  padding:clamp(22px,3vw,32px); box-shadow:var(--sh-sm,0 6px 20px -14px rgba(9,66,104,.35));
}
.v1-clearcard > .v1-eyebrow{ color:var(--c-pole); }
.v1-clearcard h3{ margin:6px 0 10px; }
.v1-clearcard > p{ color:var(--muted); max-width:62ch; }
.v1-clearcard ul{ list-style:none; margin:16px 0 0; padding:0; display:grid; gap:12px; }
.v1-clearcard ul li{ position:relative; padding-left:30px; line-height:1.55; }
.v1-clearcard ul li::before{
  content:""; position:absolute; left:0; top:.35em; width:18px; height:18px; border-radius:50%;
  background:var(--tint-pole); box-shadow:inset 0 0 0 2px var(--c-pole);
}
.v1-clearcard ul li svg{ position:absolute; left:2px; top:.4em; width:14px; height:14px; color:var(--c-pole); }

/* grille de stats — renfort du .v1-statgrid de v1-theme (mini-cartes colorées) */
.v1-statgrid{ margin-top:22px; }
.v1-statgrid > div{ transition:transform .2s var(--ease,ease), box-shadow .2s var(--ease,ease); }
.v1-statgrid > div:hover{ transform:translateY(-3px);
  box-shadow:0 16px 34px -20px color-mix(in srgb,var(--c-pole) 55%,transparent); }
@media (prefers-reduced-motion:reduce){
  .v1-statgrid > div{ transition:none; } .v1-statgrid > div:hover{ transform:none; }
}

/* ---- 4) Homogénéité marques --- */
/* suffixe programme « Spectrum » / « X » : hérite la couleur du bloc, plus de teinte fixe */
.pgm-suffix{ color:inherit; font-weight:800; white-space:nowrap;
  font-size:.62em; vertical-align:super; line-height:0; }
/* sur fond navy/coloré, garder le suffixe lisible */
.v1-section--navy .pgm-suffix,.v1-petalpanel .pgm-suffix{ color:var(--c-yellow,#feeb58); }
/* abréviation CECRL : focus visible AA (le reste vient de v1.css) */
.v1-abbr:focus-visible{ outline:2px solid var(--c-pole); outline-offset:3px; border-radius:3px; }

/* ---- 5) Disposition hero fin (photo à droite, texte à gauche, mobile-first) --- */
@media (max-width:720px){
  .v1-hero .v1-photoframe{ max-width:560px; margin-inline:auto; }
  .v1-clearcard{ padding:22px; }
}