/* Le chef Mr Wang — styles propres à la page (refonte 2026-09-24) */

.ch-hero h1{max-width:13ch}

/* Photos légendées */
.ch-photo{position:relative;margin:0}
.ch-photo .sk-frame{aspect-ratio:704/648}
.ch-photo figcaption{margin-top:12px;font-size:.88rem;letter-spacing:.06em;color:var(--muted);text-align:center}
.ch-photo .sk-badge strong sup{font-size:.5em}
.ch-photo .sk-badge{top:auto;bottom:62px;left:-14px}
@media (max-width:600px){.ch-photo .sk-badge{left:10px;bottom:52px}}

/* (Parcours : voir « Passe design 3 » en fin de fichier) */

/* Trophées */
.ch-trophies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.5vw,28px)}
@media (max-width:640px){.ch-trophies{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ch-trophy{margin:0;text-align:center;background:var(--ink-2);border-radius:var(--r);padding:clamp(14px,2vw,22px) clamp(12px,2vw,20px) 20px;box-shadow:inset 0 0 0 1px var(--line-l)}
.ch-trophy__img{aspect-ratio:1;border-radius:12px;background:radial-gradient(circle at 50% 45%,#3b352d 0%,#1c1915 70%);display:grid;place-items:center;overflow:hidden;margin-bottom:14px}
.ch-trophy__img img{width:88%;height:88%;object-fit:contain}
.ch-trophy figcaption{font-size:.92rem;color:#bfb6a8;line-height:1.4}
.ch-trophy figcaption b{display:block;font-family:var(--serif);font-weight:700;letter-spacing:-.02em;word-spacing:0;font-size:1.18rem;color:#fff;margin-bottom:4px}
.ch-trophy figcaption b sup{font-size:.6em}

/* Chiffres */
.ch-stats{list-style:none;margin:clamp(40px,6vw,70px) 0 0;padding:clamp(24px,3vw,34px) 0 0;border-top:1px solid var(--line-l);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;text-align:center}
@media (max-width:700px){.ch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ch-stats img{width:34px;height:34px;margin:0 auto 10px}
.ch-stats strong{display:block;font-family:var(--serif);font-weight:700;letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,2.8rem);line-height:1;color:var(--gold-l);margin-bottom:6px}
.ch-stats span{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-l)}

/* Diplômes */
.ch-doc{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--line),var(--shadow-s);display:flex;flex-direction:column;height:100%}
.ch-doc__img{position:relative;display:block;aspect-ratio:448/264;background:#b08d62;overflow:hidden;cursor:zoom-in}
.ch-doc__img--dish{background:#fff}
.ch-doc__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
@media (hover:hover){.ch-doc__img:hover img{transform:scale(1.04)}}
.ch-doc__zoom{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(18,16,13,.78);color:#fff;font-size:1.5rem;line-height:1;box-shadow:var(--shadow-s)}
.ch-doc__body{padding:20px 22px 24px}
.ch-doc__body h3{font-size:1.25rem;margin-bottom:.4em}
.ch-doc__body h3 sup{font-size:.6em}
.ch-doc__body p{margin:0;color:var(--muted);font-size:.97rem}
@media (max-width:1023px) and (min-width:641px){.ch-docs .sk-grid--3>:last-child{grid-column:1/-1;max-width:calc(50% - 12px);justify-self:center}}
@media (max-width:1180px){.ch-bio .sk-vert,.ch-awards .sk-vert{display:none}}

/* QA visuelle 25/09 */
.ch-hero h1,.ch-bio .sk-title,.ch-poly .sk-title,.ch-awards .sk-title,.ch-docs .sk-title,.ch-doc__body h3{text-wrap:balance}

/* =====================================================================
   Passe design 3 (25/09/2026) — moment signature : portrait en arche
   + liseré or, puis le parcours du chef tracé d'un trait de pinceau.
   ===================================================================== */
.ch-portrait{margin:0}
.ch-portrait .sk-liseret{max-width:440px;margin-inline:auto}
.ch-portrait img{object-position:50% 18%}
.ch-portrait figcaption{margin-top:24px;font-size:.88rem;letter-spacing:.06em;color:var(--muted);text-align:center}
@media (max-width:640px){.ch-portrait .sk-liseret{max-width:330px}.ch-portrait figcaption{margin-top:20px}}

/* Parcours : frise au pinceau (horizontale ≥ 641 px, verticale en mobile) */
.ch-path{
  --brush-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 20' preserveAspectRatio='none'%3E%3Cpath d='M2 11C60 8 140 7 240 8.5S420 10 520 9 720 7.5 820 8.5 960 9.5 998 8c1 2-2 4-8 4.5-90 .5-170-.5-270 .5S520 14.5 420 13.5 200 13 100 14 20 14.5 6 14C1 13.8 0 12 2 11z'/%3E%3Cpath d='M40 15.5c200 1 420 1.6 620 .8S900 15 985 14.6l-6 1.8c-160 1.2-420 1.6-620 1.2S120 17 40 15.5z' fill-opacity='.45'/%3E%3Cpath d='M60 7.6c180-1.6 380-2 560-1.2l-2 1c-180 .2-380 .6-556 1.2z' fill-opacity='.3'/%3E%3C/svg%3E");
  --brush-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 1000' preserveAspectRatio='none'%3E%3Cg transform='matrix(0 1 1 0 0 0)'%3E%3Cpath d='M2 11C60 8 140 7 240 8.5S420 10 520 9 720 7.5 820 8.5 960 9.5 998 8c1 2-2 4-8 4.5-90 .5-170-.5-270 .5S520 14.5 420 13.5 200 13 100 14 20 14.5 6 14C1 13.8 0 12 2 11z'/%3E%3Cpath d='M40 15.5c200 1 420 1.6 620 .8S900 15 985 14.6l-6 1.8c-160 1.2-420 1.6-620 1.2S120 17 40 15.5z' fill-opacity='.45'/%3E%3Cpath d='M60 7.6c180-1.6 380-2 560-1.2l-2 1c-180 .2-380 .6-556 1.2z' fill-opacity='.3'/%3E%3C/g%3E%3C/svg%3E");
  margin-top:clamp(56px,8vw,100px)
}
.js .ch-path.sk-reveal{opacity:1;transform:none}
.ch-path__title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 clamp(26px,3.5vw,40px);font-size:clamp(1.35rem,2.4vw,1.65rem);text-align:center}
.ch-path__title .sk-jp{font-size:1.05em;font-weight:400;color:var(--shu)}

.ch-timeline{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.ch-timeline::before{content:"";position:absolute;left:-1%;right:-1%;top:50px;height:24px;background:var(--ink);opacity:.88;-webkit-mask:var(--brush-h) 0 0/100% 100% no-repeat;mask:var(--brush-h) 0 0/100% 100% no-repeat;clip-path:inset(-4px 0 -4px 0);transition:clip-path 1.9s cubic-bezier(.6,.05,.3,1) .1s}
.js .ch-path:not(.is-in) .ch-timeline::before{clip-path:inset(-4px 100% -4px 0)}
.ch-timeline li{position:relative;padding:0 8px;text-align:center;font-size:.95rem;line-height:1.4;color:var(--muted)}
.ch-timeline b{display:block;height:40px;margin:0 0 48px;font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2rem);line-height:40px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.ch-timeline li::before{content:"";position:absolute;z-index:1;left:50%;top:54px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--paper);border:2px solid var(--shu);box-sizing:border-box}
.ch-timeline li.is-key b{color:var(--shu)}
.ch-timeline li.is-key span{color:var(--ink);font-weight:600}
.ch-timeline li.is-key::before{top:49px;width:26px;height:26px;margin-left:-13px;background:var(--shu);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--gold)}
.ch-timeline sup{font-size:.62em}
/* les étapes apparaissent une à une, derrière le pinceau */
.js .ch-path .ch-timeline li{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .ch-path:not(.is-in) .ch-timeline li{opacity:0;transform:translateY(10px)}
.js .ch-path .ch-timeline li:nth-child(1){transition-delay:.3s}
.js .ch-path .ch-timeline li:nth-child(2){transition-delay:.65s}
.js .ch-path .ch-timeline li:nth-child(3){transition-delay:1s}
.js .ch-path .ch-timeline li:nth-child(4){transition-delay:1.35s}
.js .ch-path .ch-timeline li:nth-child(5){transition-delay:1.7s}

@media (max-width:640px){
  .ch-path__title{justify-content:flex-start;text-align:left}
  .ch-timeline{grid-template-columns:1fr}
  .ch-timeline::before{left:10px;right:auto;top:-8px;bottom:-8px;width:24px;height:auto;-webkit-mask-image:var(--brush-v);mask-image:var(--brush-v);clip-path:inset(0 -4px 0 -4px);transition-duration:1.6s}
  .js .ch-path:not(.is-in) .ch-timeline::before{clip-path:inset(0 -4px 100% -4px)}
  .ch-timeline li{display:flex;align-items:center;gap:14px;min-height:58px;padding:8px 0 8px 54px;text-align:left;font-size:1rem}
  .ch-timeline b{flex:none;width:3.1em;height:auto;margin:0;font-size:1.5rem;line-height:1.1}
  .ch-timeline li::before{left:22px;top:50%;margin:-8px 0 0 -8px}
  .ch-timeline li.is-key::before{top:50%;margin:-13px 0 0 -13px}
}
@media (prefers-reduced-motion:reduce){
  .ch-timeline::before,.js .ch-path:not(.is-in) .ch-timeline::before{clip-path:none;transition:none}
  .js .ch-path .ch-timeline li,.js .ch-path:not(.is-in) .ch-timeline li{opacity:1;transform:none;transition:none}
}

/* Relecture mobile finale 25/09 : trophées, titre sur 2 lignes max en très petit écran */
@media (max-width:380px){.ch-trophy{padding-inline:10px}.ch-trophy figcaption b{font-size:1.06rem}}
/* Titre : « le goût du détail » d’un seul tenant (plus de « le » orphelin) */
#bio-title em{display:inline-block}
/* icônes des chiffres : proportions respectées (employee.svg était écrasé en carré) */
.ch-stats img{object-fit:contain}
/* diplômes en haute définition (28/09/2026) : format réel 4:3, affichés en entier */
.ch-doc__img{aspect-ratio:4/3}
.ch-doc__img:not(.ch-doc__img--dish) img{object-fit:contain;padding:6px}