@import url("/src/styles/tokens.css");

/* Fiche artiste · piste « Vitrine » (choix de Terry, 26/09/2026).
   Une couche posée par-dessus bouyon-artists.css, limitée à .artist-page--dossier
   (nom de classe gardé de la piste précédente) : la tête (portrait, nom, deux
   phrases, trois chiffres, deux actions), « Ses dernières sorties » avec
   pochettes et dates, le pari juste après, puis le catalogue, le cercle et
   l'histoire. Plus de sommaire collant : la page se lit de haut en bas.
   Charte des hubs et des actus : Clash Display, Satoshi, couleur de l'île. */

@font-face { font-family: "Clash Display"; src: url("/assets/fonts/clash-display.woff2") format("woff2"); font-weight: 200 700; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("/assets/fonts/satoshi.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }

.artist-page--dossier {
  --fd-ile: #ffbe5c;
  --fd-t1: #f3f5f7;
  --fd-t2: rgba(243, 245, 247, 0.74);
  --fd-t3: rgba(243, 245, 247, 0.5);
  --fd-filet: rgba(243, 245, 247, 0.12);
  --fd-surface: rgba(243, 245, 247, 0.04);
  --fd-titre: "Clash Display", "Satoshi", system-ui, sans-serif;
  --fd-texte: "Satoshi", system-ui, sans-serif;
  --fd-ease: cubic-bezier(0.22, 0.8, 0.24, 1);
  font-family: var(--fd-texte);
}
.artist-page--dossier[data-ile="dom"] { --fd-ile: #ff7a70; }
.artist-page--dossier[data-ile="sxm"] { --fd-ile: #5fe3ff; }
.artist-page--dossier[data-ile="ail"] { --fd-ile: #c3a1ff; }
/* le fond qui change de teinte au défilement se fait discret : la page respire */
.artist-page--dossier .artist-ambient { opacity: 0.35; }

/* ── La tête ── */
.artist-page--dossier .fd-une {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  gap: clamp(24px, 5vw, 64px);
  align-items: center;
  width: min(var(--maxw), calc(100% - 2 * var(--pad)));
  margin: 0 auto;
  padding: clamp(28px, 5vw, 56px) 0 clamp(20px, 3vw, 32px);
}
.artist-page--dossier .fd-photo {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: visible;
  border: 0;
  border-radius: 14px;
  isolation: isolate;
  background: linear-gradient(160deg, hsl(var(--sig-h) 55% 22%), hsl(var(--sig-h) 45% 8%));
}
.artist-page--dossier .fd-photo img { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; border-radius: 14px; filter: none; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55); animation: fd-pose 1s var(--fd-ease) both; }
.artist-page--dossier .fd-photo .fd-photo__halo { position: absolute; inset: 8%; z-index: -1; width: 84%; height: 84%; filter: blur(50px) saturate(1.5); opacity: 0.7; box-shadow: none; animation: none; }
.artist-page--dossier .artist-top__plate { border-radius: 14px; font-family: var(--fd-titre); font-size: clamp(28px, 5vw, 56px); -webkit-text-stroke: 1.5px var(--fd-ile); }
.artist-page--dossier .fd-id { min-width: 0; animation: fd-pose 1s var(--fd-ease) 0.08s both; }
.artist-page--dossier .fd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 14px; font: 600 13px/1.3 var(--fd-texte); letter-spacing: 0.06em; text-transform: uppercase; color: var(--fd-ile); }
.artist-page--dossier .fd-meta i { width: 8px; height: 8px; border-radius: 50%; background: var(--fd-ile); }
.artist-page--dossier .fd-meta span + span::before { content: "·"; margin-right: 10px; color: var(--fd-t3); }
.artist-page--dossier .fd-h1 { margin: 0 0 12px; font: 600 clamp(48px, 8vw, 120px)/0.92 var(--fd-titre); letter-spacing: -0.03em; text-transform: none; overflow-wrap: anywhere; text-wrap: balance; }
.artist-page--dossier .fd-kind { margin: 0 0 18px; font: 600 17px/1.4 var(--fd-texte); color: var(--fd-t2); }
.artist-page--dossier .fd-lede { display: block; -webkit-line-clamp: unset; overflow: visible; margin: 0 0 22px; max-width: 36em; font: 500 18px/1.55 var(--fd-texte); color: var(--fd-t2); }
.artist-page--dossier .fd-chiffres { display: flex; gap: clamp(18px, 4vw, 40px); margin: 0 0 24px; padding: 16px 0; border-block: 1px solid var(--fd-filet); }
.artist-page--dossier .fd-chiffres b { font: 600 34px/1 var(--fd-titre); color: var(--fd-t1); }
.artist-page--dossier .fd-chiffres span { font: 500 13px/1.3 var(--fd-texte); letter-spacing: 0; text-transform: none; color: var(--fd-t3); }
.artist-page--dossier .fd-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.artist-page--dossier .fd-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 20px; border-radius: 999px; font: 700 15px/1 var(--fd-texte); text-decoration: none; transition: transform 0.25s var(--fd-ease), background 0.25s; }
.artist-page--dossier .fd-btn:hover { transform: translateY(-2px); }
.artist-page--dossier .fd-btn:focus-visible { outline: 2px solid var(--fd-ile); outline-offset: 3px; }
.artist-page--dossier .fd-btn--ecoute { background: #1ed760; color: #04130a; }
/* le pari, mis en avant : l'appel le plus visible après l'écoute */
.artist-page--dossier .fd-btn--pari { background: var(--fd-t1); color: #04070d; }
.artist-page--dossier .fd-tri { width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent currentColor; }

/* ── Les têtes de section ── */
.artist-page--dossier .fiche-sec__head { padding: clamp(40px, 6vw, 64px) 0 18px; border-top: 1px solid var(--fd-filet); scroll-margin-top: calc(var(--eb-h, 64px) + 16px); }
.artist-page--dossier .artist-panes > .fiche-sec__head:first-child { border-top: 0; padding-top: 20px; }
.artist-page--dossier .fiche-sec__k { font: 600 12px/1 var(--fd-texte); letter-spacing: 0.1em; color: var(--fd-ile); }
.artist-page--dossier .fiche-sec__t { margin-top: 10px; font: 600 clamp(30px, 4vw, 44px)/1.05 var(--fd-titre); letter-spacing: -0.01em; }
.artist-page--dossier .fiche-sec__t::after { display: none; }

/* ── L'essentiel : quatre repères en grand ── */
.artist-page--dossier .fd-reperes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 3vw, 28px); width: min(var(--maxw), calc(100% - 2 * var(--pad))); margin: 0 auto; }
.artist-page--dossier .fd-repere { display: grid; gap: 12px; align-content: start; }
.artist-page--dossier .fd-repere .artist-work__cover { display: grid; place-items: center; width: 100%; height: auto; aspect-ratio: 1; border-radius: 12px; object-fit: cover; font: 600 34px/1 var(--fd-titre); }
.artist-page--dossier .fd-repere b { display: block; padding-top: 10px; border-top: 2px solid var(--fd-ile); font: 600 26px/1 var(--fd-titre); color: var(--fd-t1); }
.artist-page--dossier .fd-repere h3 { margin: 8px 0 4px; font: 600 19px/1.2 var(--fd-titre); color: var(--fd-t1); }
.artist-page--dossier .fd-repere p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--fd-t2); }
.artist-page--dossier .fd-reperes--dates b { font-size: 30px; }

/* ── Ses dernières sorties : la plus récente en grand, les trois d'avant ── */
.artist-page--dossier .fv-une { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; width: min(var(--maxw), calc(100% - 2 * var(--pad))); margin: 0 auto; }
.artist-page--dossier .fv-derniere { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr); grid-template-rows: 1fr auto; grid-template-areas: "poch txt" "poch act"; column-gap: clamp(18px, 2.6vw, 30px); }
.artist-page--dossier .fv-derniere__poch { grid-area: poch; }
.artist-page--dossier .fv-derniere__txt { grid-area: txt; align-self: end; min-width: 0; }
.artist-page--dossier .fv-derniere__poch .artist-work__cover { display: grid; place-items: center; width: 100%; height: auto; aspect-ratio: 1; border-radius: 12px; object-fit: cover; font: 600 40px/1 var(--fd-titre); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5); }
.artist-page--dossier .fv-derniere__k { margin: 0 0 10px; font: 700 13px/1.35 var(--fd-texte); letter-spacing: 0.06em; text-transform: uppercase; color: #ff7a70; }
.artist-page--dossier .fv-derniere__t { margin: 0 0 8px; font: 600 clamp(32px, 4.4vw, 56px)/0.98 var(--fd-titre); letter-spacing: -0.01em; color: var(--fd-t1); overflow-wrap: anywhere; text-wrap: balance; }
.artist-page--dossier .fv-derniere__avec { margin: 0 0 4px; font: 600 17px/1.35 var(--fd-texte); color: var(--fd-t1); }
.artist-page--dossier .fv-derniere__label { margin: 0 0 18px; font-size: 14px; color: var(--fd-t3); }
.artist-page--dossier .fv-derniere .fd-actions { grid-area: act; align-items: center; margin-top: 16px; }
/* le bouton d'écoute d'un titre : la couleur d'appel du hub, quelle que soit la plateforme */
.artist-page--dossier .fv-derniere .fd-btn--ecoute { background: #ff6b6b; color: #1a0606; }
.artist-page--dossier .fv-lien { font: 700 15px/1 var(--fd-texte); color: var(--fd-t1); text-decoration: none; box-shadow: 0 1.5px 0 #ff7a70; padding-bottom: 3px; }
.artist-page--dossier .fv-lien:hover { color: #ff7a70; }
.artist-page--dossier .fv-avant__t { margin: 4px 0 6px; font: 700 12px/1 var(--fd-texte); letter-spacing: 0.14em; text-transform: uppercase; color: var(--fd-t3); }
.artist-page--dossier .fv-avant ol { margin: 0; padding: 0; list-style: none; }
.artist-page--dossier .fv-avant li { border-top: 1px solid var(--fd-filet); }
.artist-page--dossier .fv-avant li > a, .artist-page--dossier .fv-avant__l { display: flex; gap: 14px; align-items: center; padding: 11px 0; color: var(--fd-t1); text-decoration: none; }
.artist-page--dossier .fv-avant li > a:hover strong { color: #ff7a70; }
.artist-page--dossier .fv-avant .artist-work__cover { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 7px; object-fit: cover; font: 600 16px/1 var(--fd-titre); }
.artist-page--dossier .fv-avant strong { display: block; font: 600 15.5px/1.25 var(--fd-texte); }
.artist-page--dossier .fv-avant small { display: block; margin-top: 3px; font-size: 13px; color: var(--fd-t3); }

/* ── Le cercle : les noms qui reviennent, comme « Les visages du moment » du hub ── */
.artist-page--dossier .fv-visages ul { display: flex; gap: 14px 10px; margin: 0; padding: 4px 2px 8px; list-style: none; overflow-x: auto; scrollbar-width: none; }
.artist-page--dossier .fv-visages ul::-webkit-scrollbar { display: none; }
.artist-page--dossier .fv-visages li { flex: none; width: 92px; }
.artist-page--dossier .fv-visages a { display: grid; justify-items: center; gap: 6px; text-align: center; color: var(--fd-t2); text-decoration: none; }
.artist-page--dossier .fv-visage { position: relative; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: var(--fd-surface); box-shadow: 0 0 0 2px var(--fd-filet); font: 600 20px/1 var(--fd-titre); color: var(--fd-t1); transition: box-shadow 0.2s; }
.artist-page--dossier .fv-visage img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.artist-page--dossier .fv-visage b { position: absolute; right: -3px; bottom: -3px; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; background: var(--fd-ile); color: #04070d; font: 800 11.5px/22px var(--fd-texte); }
.artist-page--dossier .fv-visages a:hover .fv-visage, .artist-page--dossier .fv-visages a:focus-visible .fv-visage { box-shadow: 0 0 0 2px var(--fd-ile); }
.artist-page--dossier .fv-visages a:hover { color: var(--fd-t1); }
.artist-page--dossier .fv-visage__nom { font: 600 13px/1.2 var(--fd-texte); }
.artist-page--dossier .fv-visage__n { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── L'histoire : le récit, et la carte d'identité à côté ── */
.artist-page--dossier .fd-histoire { display: grid; grid-template-columns: minmax(0, 65ch) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: start; width: min(var(--maxw), calc(100% - 2 * var(--pad))); margin: 0 auto; }
.artist-page--dossier .fd-histoire__recit > * { width: auto; margin-left: 0; margin-right: 0; }
.artist-page--dossier .fd-histoire__recit p { font-size: 17px; line-height: 1.72; color: var(--fd-t2); }
.artist-page--dossier .fd-histoire__carte { position: sticky; top: calc(var(--eb-h, 64px) + 76px); transition: top var(--eb-montre, 280ms) var(--eb-sortie, ease-out); padding: 18px 20px; border-radius: 14px; background: var(--fd-surface); box-shadow: inset 0 0 0 1px var(--fd-filet); }
.artist-page--dossier .fd-carte__t { margin: 0 0 12px; font: 600 12px/1 var(--fd-texte); letter-spacing: 0.1em; text-transform: uppercase; color: var(--fd-t3); }
html.eb-cache .artist-page--dossier .fd-histoire__carte { top: 76px; transition-duration: var(--eb-disparait, 200ms); }
.artist-page--dossier .fd-histoire__carte .artist-strip { width: auto; margin: 0; padding: 0; }
.artist-page--dossier .fd-histoire__carte .artist-facts div { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid var(--fd-filet); }
.artist-page--dossier .fd-histoire__carte .artist-facts dt { display: block; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fd-t3); }
.artist-page--dossier .fd-histoire__carte .artist-facts dt::after { content: none; }
.artist-page--dossier .fd-histoire__carte .artist-facts dd { display: block; margin: 4px 0 0; font: 600 15px/1.4 var(--fd-texte); }
.artist-page--dossier .fd-histoire__carte .artist-tags { width: auto; margin: 4px 0 0; }

/* le corps long, replié : tout est dans la page, rien n'encombre la lecture */
.artist-page--dossier .fd-plus { width: min(var(--maxw), calc(100% - 2 * var(--pad))); margin: 28px auto 0; }
.artist-page--dossier .fd-plus > summary { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--fd-filet); font: 700 15px/1 var(--fd-texte); color: var(--fd-t1); cursor: pointer; list-style: none; }
.artist-page--dossier .fd-plus > summary::-webkit-details-marker { display: none; }
.artist-page--dossier .fd-plus > summary::after { content: "+"; font-size: 18px; color: var(--fd-ile); }
.artist-page--dossier .fd-plus[open] > summary::after { content: "−"; }
.artist-page--dossier .fd-plus > summary:hover { background: var(--fd-surface); }
.artist-page--dossier .fd-plus > summary:focus-visible { outline: 2px solid var(--fd-ile); outline-offset: 3px; }
.artist-page--dossier .fd-plus > .artist-section { width: 100%; margin-top: 24px; }

/* ── Le pari, en tête : l'accroche tient dans la colonne ── */
.artist-page--dossier .artist-pane__hook { width: min(var(--maxw), calc(100% - 2 * var(--pad))); margin: 0 auto 18px; font: 600 clamp(20px, 2.4vw, 26px)/1.25 var(--fd-titre); letter-spacing: 0; text-transform: none; color: var(--fd-t1); }

/* ── Le cercle : les collaborations en grille, pas une par écran ── */
.artist-page--dossier .artist-collabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(18px, 3vw, 32px); }
.artist-page--dossier .artist-collabs article { min-height: 0; margin: 0; padding: 14px 0; border: 0; border-top: 1px solid var(--fd-filet); border-radius: 0; background: none; }
.artist-page--dossier .artist-collabs h3 { margin: 4px 0 8px; font: 600 17px/1.25 var(--fd-titre); }

/* ── Le parcours : deux colonnes de dates ── */
.artist-page--dossier .artist-timeline { columns: 2 320px; column-gap: clamp(24px, 4vw, 48px); }
.artist-page--dossier .artist-timeline li { break-inside: avoid; }

/* ── La parole : le formulaire tient dans la colonne ── */
.artist-page--dossier .parole { width: min(var(--maxw), calc(100% - 2 * var(--pad))); margin: 0 auto; }
.artist-page--dossier .parole__q { font: 600 clamp(24px, 3vw, 32px)/1.15 var(--fd-titre); }

/* ── Les sources, repliées derrière leur compte ── */
.artist-page--dossier .fd-sources > .artist-section { margin-top: 18px; }

@keyframes fd-pose { from { opacity: 0; transform: translateY(16px); } }

@media (max-width: 980px) {
  .artist-page--dossier .fd-reperes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .artist-page--dossier .fv-une { grid-template-columns: minmax(0, 1fr); }
  .artist-page--dossier .artist-collabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  /* La tête se resserre : portrait en vignette à côté du nom, pour que la
     dernière sortie arrive dans le premier écran du téléphone. */
  .artist-page--dossier .fd-une { grid-template-columns: 96px minmax(0, 1fr); gap: 16px; align-items: start; padding-top: 18px; }
  .artist-page--dossier .fd-photo { width: 96px; aspect-ratio: 1; border-radius: 22px; }
  .artist-page--dossier .fd-photo img { border-radius: 22px; object-position: 50% 22%; box-shadow: none; }
  .artist-page--dossier .fd-photo .fd-photo__halo { display: none; }
  .artist-page--dossier .artist-top__plate { font-size: 18px; border-radius: 22px; }
  .artist-page--dossier .fd-id { display: contents; }
  .artist-page--dossier .fv-tete { align-self: center; min-width: 0; }
  .artist-page--dossier .fd-id > :not(.fv-tete) { grid-column: 1 / -1; }
  .artist-page--dossier .fd-meta { margin-bottom: 6px; font-size: 11.5px; }
  .artist-page--dossier .fd-h1 { margin-bottom: 4px; font-size: clamp(38px, 12vw, 60px); }
  .artist-page--dossier .fd-kind { margin: 0; font-size: 15px; }
  .artist-page--dossier .fd-lede { margin-bottom: 16px; }
  .artist-page--dossier .fd-chiffres { margin-bottom: 18px; padding: 12px 0; }
  /* pochette et titre côte à côte : le titre reste dans le premier écran */
  .artist-page--dossier .fv-derniere { grid-template-columns: 128px minmax(0, 1fr); grid-template-rows: auto auto; grid-template-areas: "poch txt" "act act"; column-gap: 16px; }
  .artist-page--dossier .fv-derniere__txt { align-self: center; }
  .artist-page--dossier .fv-derniere__t { font-size: clamp(26px, 8vw, 36px); }
  .artist-page--dossier .fv-derniere__label { margin-bottom: 0; }
  .artist-page--dossier .fv-derniere .fd-actions { margin-top: 14px; }
  .artist-page--dossier .fd-histoire { grid-template-columns: minmax(0, 1fr); }
  .artist-page--dossier .fd-histoire__carte { position: static; }
  .artist-page--dossier .fd-lede { font-size: 17px; }
}
@media (max-width: 480px) {
  .artist-page--dossier .fd-chiffres { gap: 18px; }
  .artist-page--dossier .fd-chiffres b { font-size: 28px; }
  .artist-page--dossier .fd-repere { grid-template-columns: 88px minmax(0, 1fr); align-items: center; column-gap: 14px; }
  .artist-page--dossier .fd-reperes { grid-template-columns: minmax(0, 1fr); }
  .artist-page--dossier .fd-repere .artist-work__cover { width: 88px; font-size: 22px; }
  .artist-page--dossier .fd-btn { flex: 1 1 auto; justify-content: center; }
  /* le bouton d'un titre garde sa taille : « Lire l'actu » tient à côté */
  .artist-page--dossier .fv-derniere .fd-btn { flex: 0 1 auto; }
  .artist-page--dossier .artist-collabs { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .artist-page--dossier .fd-photo img, .artist-page--dossier .fd-id { animation: none; }
  .artist-page--dossier .fd-btn, .artist-page--dossier .fd-histoire__carte, .artist-page--dossier .fv-visage { transition: none; }
}

/* Parcours découverte, chosen by Terry on 30 September 2026.
   Only the hero switches panels; all detailed content stays in the document. */
body:has(.artist-page--decouverte) { background: var(--journey-night); }
.artist-page--decouverte {
  --fd-titre: var(--font-display);
  --fd-texte: var(--font-body);
  --fd-t1: var(--color-text);
  --fd-t2: var(--journey-text-muted);
  --fd-t3: var(--journey-text-muted);
  --fd-filet: var(--journey-rule-dark);
  --fd-ile: var(--coral);
  background: var(--journey-night);
  padding-bottom: calc(var(--phi-6) + env(safe-area-inset-bottom));
}
.artist-page--decouverte .artist-ambient { display: none; }
.artist-page--decouverte .fd-une {
  display: grid;
  grid-template-columns: 43% minmax(0, 1fr);
  align-items: start;
  gap: var(--phi-5);
  width: var(--container);
  margin: 0 auto;
  padding: var(--phi-4) 0;
}
.artist-page--decouverte .fd-discovery__identity { display: flex; flex-direction: column; gap: var(--phi-2); min-width: 0; }
.artist-page--decouverte .fd-id { display: block; padding: 0; animation: none; }
.artist-page--decouverte .fd-h1 { margin: 0 0 var(--phi-1); font-size: clamp(var(--phi-4), 5vw, var(--journey-size-62)); font-weight: 800; line-height: 1.05; letter-spacing: 0; word-spacing: .12em; }
.artist-page--decouverte .fd-meta, .artist-page--decouverte .fd-kind { margin: 0; font-size: var(--journey-size-14); line-height: 1.6; letter-spacing: 0; text-transform: none; color: var(--fd-t2); }
.artist-page--decouverte .fd-photo { width: 100%; aspect-ratio: 4 / 3; border-radius: var(--radius-sm); overflow: hidden; }
.artist-page--decouverte .fd-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 24%; border-radius: 0; box-shadow: none; animation: none; }
.artist-page--decouverte .fd-photo::before, .artist-page--decouverte .fd-photo::after { display: none; }
.artist-page--decouverte .artist-top__plate { min-height: var(--phi-8); border-radius: var(--radius-sm); font-family: var(--font-display); }
.artist-page--decouverte .fd-discovery__routes { min-width: 0; }
.artist-page--decouverte .fd-discovery__title { margin: var(--phi-1) 0 var(--phi-3); font: 800 var(--phi-4)/1.1 var(--font-display); letter-spacing: 0; word-spacing: .12em; }
.artist-page--decouverte .fd-discovery__title::after { display: none; }
.artist-page--decouverte .fd-discovery__tabs { display: flex; border-bottom: var(--journey-size-1) solid var(--fd-filet); margin-bottom: var(--phi-3); }
.artist-page--decouverte .fd-discovery__tabs button { flex: 1; min-width: 0; min-height: var(--phi-5); padding: var(--phi-1); border: 0; border-bottom: var(--journey-size-3) solid transparent; background: transparent; color: var(--fd-t2); font: 700 var(--journey-size-14)/1.3 var(--font-body); cursor: pointer; }
.artist-page--decouverte .fd-discovery__tabs button[aria-selected="true"] { color: var(--fd-t1); border-bottom-color: var(--coral); }
.artist-page--decouverte .fd-discovery__tabs button:focus-visible,
.artist-page--decouverte .fd-discovery__link:focus-visible,
.artist-page--decouverte .fd-pari-next:focus-visible { outline: var(--journey-size-3) solid var(--coral); outline-offset: var(--journey-size-4); }
.artist-page--decouverte [data-discovery-panel][hidden],
.artist-page--decouverte [data-discovery-tabs][hidden],
.artist-page--decouverte [data-pari][hidden],
.artist-page--decouverte [data-pari-verdict][hidden] { display: none !important; }
.artist-page--decouverte .fd-discovery__panel { min-height: calc(var(--phi-7) + var(--phi-6) + var(--phi-4)); }
.artist-page--decouverte .fd-discovery__panel .fv-une { display: block; width: 100%; }
.artist-page--decouverte .fd-discovery__panel .fv-derniere { grid-template-columns: var(--phi-7) minmax(0, 1fr); grid-template-areas: "poch txt" "act act"; gap: var(--phi-3); }
.artist-page--decouverte .fv-derniere__txt { align-self: center; }
.artist-page--decouverte .fv-derniere__t { font-size: var(--phi-4); font-weight: 800; line-height: 1.1; letter-spacing: 0; word-spacing: .12em; }
.artist-page--decouverte .fv-derniere__k { font-size: var(--journey-size-14); letter-spacing: 0; text-transform: none; color: var(--fd-t2); }
.artist-page--decouverte .fv-derniere__avec, .artist-page--decouverte .fv-derniere__label { font-size: var(--journey-size-14); color: var(--fd-t2); }
.artist-page--decouverte .fv-derniere__poch .artist-work__cover { box-shadow: none; border-radius: var(--radius-xs); }
.artist-page--decouverte .fd-btn { min-height: var(--phi-5); padding: var(--phi-1) var(--phi-3); border-radius: var(--radius-xs); line-height: 1.4; letter-spacing: 0; }
.artist-page--decouverte .fd-btn--ecoute { background: var(--coral); color: var(--journey-night); }
.artist-page--decouverte .fv-derniere .fd-actions { margin: 0; }
.artist-page--decouverte .fd-discovery__link { display: inline-flex; align-items: center; min-height: var(--journey-size-44); margin-top: var(--phi-2); font: 700 var(--journey-size-14)/1.4 var(--font-body); text-underline-offset: var(--journey-size-4); }
.artist-page--decouverte .fd-discovery__fallback { margin-bottom: var(--phi-3); font-size: var(--phi-4); }
.artist-page--decouverte .fd-discovery__panel .fd-lede { font-size: var(--journey-size-16); margin: 0 0 var(--phi-2); }
.artist-page--decouverte .fd-chiffres { flex-wrap: wrap; gap: var(--phi-3); margin: var(--phi-3) 0 0; padding: var(--phi-2) 0; }
.artist-page--decouverte .fd-chiffres b { font-size: var(--phi-3); }
.artist-page--decouverte .fd-chiffres span { font-size: var(--journey-size-14); }
.artist-page--decouverte .fd-discovery__panel .fiche-sec__head { padding: 0; border: 0; }
.artist-page--decouverte .fd-discovery__panel .fiche-sec__head .fiche-sec__k,
.artist-page--decouverte .fd-discovery__panel .fiche-sec__head .fiche-sec__t { display: none; }
.artist-page--decouverte .fd-discovery__panel .artist-pane { padding: 0; }
.artist-page--decouverte .fd-discovery__panel .artist-pane__hook,
.artist-page--decouverte .fd-discovery__panel .artist-pari-progress,
.artist-page--decouverte .fd-discovery__panel .artist-pari,
.artist-page--decouverte .fd-discovery__panel .artist-endcard { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.artist-page--decouverte .fd-discovery__panel .artist-pane__hook { font: 600 var(--journey-size-16)/1.4 var(--font-body); margin-bottom: var(--phi-2); }
.artist-page--decouverte .artist-pari { padding: var(--phi-2) 0; border: 0; border-top: var(--journey-size-1) solid var(--fd-filet); border-radius: 0; background: transparent; box-shadow: none; }
.artist-page--decouverte .artist-pari__q { font: 800 var(--phi-3)/1.25 var(--font-display); letter-spacing: 0; word-spacing: .12em; }
.artist-page--decouverte .artist-pari__opts { display: grid; grid-template-columns: 1fr; gap: var(--phi-1); margin-top: var(--phi-2); }
.artist-page--decouverte .artist-pari__opt { min-height: var(--journey-size-44); padding: var(--phi-1) var(--phi-2); border-radius: var(--radius-xs); font: 600 var(--journey-size-14)/1.4 var(--font-body); letter-spacing: 0; text-align: left; }
.artist-page--decouverte .artist-pari__reveal { font-size: var(--journey-size-14); }
.artist-page--decouverte .fd-pari-next { display: block; margin-top: var(--phi-2); min-height: var(--journey-size-44); padding: var(--phi-1) var(--phi-2); border: var(--journey-size-1) solid var(--fd-filet); border-radius: var(--radius-xs); background: transparent; color: var(--fd-t1); font: 700 var(--journey-size-14)/1.4 var(--font-body); cursor: pointer; }
.artist-page--decouverte .fv-avant { width: var(--container); margin: 0 auto; }
.artist-page--decouverte .fv-avant ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--phi-3); }
.artist-page--decouverte .fv-avant .artist-work__cover { width: var(--phi-6); height: var(--phi-6); }
.artist-page--decouverte .fv-avant__t { display: none; }
.artist-page--decouverte .fv-visages a { position: relative; }
.artist-page--decouverte .fiche-nav { min-width: 0; }
.artist-page--decouverte .fiche-nav__btn { width: 100%; }
.artist-page--decouverte .fiche-nav__mot { display: inline; white-space: normal; overflow: visible; }
.artist-page--decouverte .fv-avant small { font-size: var(--journey-size-14); }
.artist-page--decouverte .artist-actionbar { position: fixed; inset: auto 0 0; transform: none; width: 100%; max-width: none; display: flex; justify-content: flex-end; gap: var(--phi-2); padding: var(--phi-1) var(--phi-3) calc(var(--phi-1) + env(safe-area-inset-bottom)); border: 0; border-top: var(--journey-size-1) solid var(--fd-filet); border-radius: 0; background: var(--journey-night); box-shadow: none; }
.artist-page--decouverte .artist-actionbar__btn { flex: none; min-height: var(--journey-size-44); padding: var(--phi-1) var(--phi-2); font: 700 var(--journey-size-14)/1.3 var(--font-body); border-radius: var(--radius-xs); letter-spacing: 0; }
.artist-page--decouverte .artist-actionbar__btn--p { background: var(--coral); color: var(--journey-night); }
@media (max-width: 980px) {
  .artist-page--decouverte .fd-une { gap: var(--phi-4); }
  .artist-page--decouverte .fv-avant ol { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .artist-page--decouverte .fd-une { display: block; padding: var(--phi-3) 0; }
  .artist-page--decouverte .fd-discovery__identity { display: grid; grid-template-columns: var(--phi-6) minmax(0, 1fr); gap: var(--phi-2); margin-bottom: var(--phi-3); }
  .artist-page--decouverte .fd-photo { grid-row: 1; grid-column: 1; width: var(--phi-6); aspect-ratio: 1; }
  .artist-page--decouverte .artist-top__plate { min-height: 0; height: 100%; font-size: var(--phi-2); }
  .artist-page--decouverte .fd-id { grid-row: 1; grid-column: 2; align-self: center; }
  .artist-page--decouverte .jeu-hud-place { grid-column: 1 / -1; }
  .artist-page--decouverte .fd-h1 { font-size: clamp(var(--phi-4), 12vw, var(--phi-5)); }
  .artist-page--decouverte .fd-discovery__title { font-size: var(--phi-3); }
  .artist-page--decouverte .fd-discovery__panel .fv-derniere { grid-template-columns: var(--phi-6) minmax(0, 1fr); gap: var(--phi-2); }
  .artist-page--decouverte .fv-derniere__t { font-size: var(--phi-3); }
  .artist-page--decouverte .fd-discovery__tabs button { font-size: var(--journey-size-14); }
  .artist-page--decouverte .artist-actionbar { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: var(--phi-1); padding-inline: var(--phi-2); }
  .artist-page--decouverte .artist-actionbar__btn { min-width: 0; padding-inline: var(--phi-1); white-space: normal; text-align: center; }
}