/* Page Parcours (Nuit de velours) : même grille éditoriale que la page Projets (titres de section en colonne 1, contenu en colonnes 2 et 3).
   Un seul moment fort : la grande année de la frise, qui dialogue avec l'expérience lue (ses chiffres roulent quand elle change).
   Deux projets réels à voir d'abord, juste après l'introduction : un grand visuel, un second en contrepoint. */
.pc main{overflow-x:clip}
.pc-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;align-items:end;padding:88px var(--gout) 0}
.pc-hero h1{grid-column:1/3;margin:0;font-weight:800;font-size:clamp(64px,11vw,168px);line-height:.88;letter-spacing:-.06em}
.pc-lede{grid-column:3;max-width:34ch;padding-bottom:10px}
.pc-lede p{margin:0;font-size:18px;line-height:1.5;color:var(--brume)}
.pc-lede .pc-titre{color:var(--porcelaine);font-size:20px;line-height:1.35;letter-spacing:-.01em;margin-bottom:14px}
.pc-bts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pc-bt{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;box-shadow:0 0 0 1px var(--bord) inset;font-weight:500;font-size:16px;letter-spacing:-.01em;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}
.pc-bt.fort{background:var(--porcelaine);color:var(--encre)!important;box-shadow:none}
.pc-bt .mono{font-size:11px;opacity:.7}
.pc-bt svg{width:16px;height:16px;flex:none;transition:transform .45s var(--out)}
.pc-bt:active{transform:scale(.98)}
.pc-bt:focus-visible,.pc a:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:999px}
@media (hover:hover) and (pointer:fine){.pc-bt:hover{box-shadow:0 0 0 1px var(--porcelaine) inset}.pc-bt.fort:hover{background:var(--rose)}.pc-bt:hover svg{transform:translateY(2px)}.pc-bt[href^=mailto]:hover svg,.pc-bt[target]:hover svg{transform:translateX(3px)}}

/* deux projets à voir d'abord : un grand visuel sur deux colonnes, le second en contrepoint, aligné en bas ;
   chaque carte est un seul lien (nom, nature, années, « Voir l'étude de cas » toujours visible, y compris sans survol) */
@media (hover:hover) and (pointer:fine){
}

/* sections : titre en colonne 1, contenu en colonnes 2-3, séparées par un filet */
.pc-approche,.pc-frise,.pc-savoir,.pc-formation{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin:0 var(--gout);padding-top:40px;border-top:1px solid var(--filet)}
.pc-approche{margin-top:144px}
.pc-frise,.pc-savoir,.pc-formation{margin-top:144px}
.pc-h{grid-column:1;margin:0;font-weight:500;font-size:clamp(22px,1.9vw,28px);line-height:1.1;letter-spacing:-.025em;color:var(--porcelaine)}
.pc h3{margin:0;font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.pc-c p,.pc-approche p{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--brume);max-width:52ch}

.pc-approche ol{grid-column:2/4;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:a}
.pc-approche li{counter-increment:a}
.pc-approche li::before{content:counter(a);display:block;font:400 12px/1 "Geist Mono",ui-monospace,monospace;color:var(--rose);margin-bottom:18px}

/* frise : colonne 1 = titre puis grande année collante (début de l'expérience lue) et sa légende ; colonnes 2-3 = la liste */
.pc-fcol{grid-column:1;position:relative}
.pc-an{position:sticky;top:calc(50vh - 120px);margin-top:48px}
.pc-an-y{margin:0;display:flex;font-weight:800;font-size:clamp(96px,10.5vw,172px);line-height:.86;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1.5px rgba(244,238,232,.62);font-variant-numeric:tabular-nums}
.pc-an-y .c{display:inline-grid;overflow:hidden;padding:.04em .02em}
.pc-an-y .c>span{grid-area:1/1;will-change:transform}
.pc-an-l{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:18px;letter-spacing:-.01em}
.pc-an-l .mono{font-size:12px;color:var(--rose)}
.pc-y{display:none}
.pc-liste{grid-column:2/4;list-style:none;margin:0;padding:0}
.pc-e{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--filet)}
.pc-e:first-child{padding-top:0}
.pc-frise .pc-e{padding:36px 0;min-height:16vh}
.pc-frise .pc-e:first-child{padding-top:0}
.pc-p{margin:4px 0 0;color:var(--brume)}
.pc-frise .pc-e .pc-p,.pc-frise .pc-e h3{transition:color .4s ease}
.pc-frise .pc-e.ici .pc-p{color:var(--rose)}
.pc-pts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;max-width:58ch}
.pc-pts li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;font-size:15px;line-height:1.5;color:var(--brume)}
.pc-pts b{font-weight:500;color:var(--porcelaine)}
.pc-pts span::first-letter{text-transform:uppercase}
@media (max-width:719.98px){.pc-pts li{grid-template-columns:minmax(0,1fr);gap:2px}}
.pc-r{display:block;margin-top:4px;font-weight:300;font-size:18px;color:var(--brume)}
.pc-lk{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;font-weight:500;font-size:16px;color:var(--rose)!important}
.pc-lk svg{width:16px;height:16px;transition:transform .45s var(--out)}
@media (hover:hover) and (pointer:fine){.pc-lk:hover svg{transform:translateX(4px)}}
.pc-lk:focus-visible{border-radius:4px}
.pc-formation .pc-e h3{font-size:19px}

.pc-dom{grid-column:2/4;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 24px}
.pc-dom>li{padding-top:14px;border-top:1px solid var(--filet)}
.pc-dom h3{margin:0}
.pc-st{margin:6px 0 0;font-size:15px;color:var(--rose)}
.pc-dt{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--brume);max-width:46ch}
.pc-sel{margin:22px 0 8px;font-size:11px;color:var(--brume)}
.pc-ps{list-style:none;margin:0;padding:0}
.pc-ps li{border-bottom:1px solid var(--filet)}
.pc-ps a{display:flex;align-items:baseline;gap:12px;padding:11px 0;font-size:17px;letter-spacing:-.01em;min-height:44px;box-sizing:border-box}
.pc-ps a .sl{flex:1;background:linear-gradient(var(--rose),var(--rose)) 0 100%/0 1px no-repeat;transition:background-size .45s var(--out),color .3s ease}
.pc-ps a svg{flex:none;width:14px;height:14px;align-self:center;color:var(--brume);transition:transform .45s var(--out),color .3s ease}
@media (hover:hover) and (pointer:fine){.pc-ps a:hover .sl{background-size:100% 1px}.pc-ps a:hover svg{transform:translateX(4px);color:var(--rose)}}
.pc-ps .mono{font-size:11px;color:var(--brume);white-space:nowrap}
.pc-ps a:focus-visible{border-radius:4px}
.pc-tous{grid-column:2/4;margin:40px 0 0}
.pc-outils{grid-column:2/4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:56px 0 0}
.pc-outils dt{font:400 12px/1.4 "Geist Mono",ui-monospace,monospace;color:var(--brume);margin-bottom:8px}
.pc-outils dd{margin:0;font-size:16px;line-height:1.5}

.pc-contact{margin:184px var(--gout) 0;padding-top:40px;border-top:1px solid var(--filet);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
.pc-contact>*{grid-column:2/4}
.pc-contact h2{margin:0;font-weight:300;font-size:clamp(40px,4.2vw,60px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.pc-contact h2 span{display:block}
.pc-mel{margin:32px 0 0;font-size:clamp(20px,2vw,26px);letter-spacing:-.015em;overflow-wrap:anywhere}
.pc-mel a{color:var(--rose)!important;display:inline-block;padding:6px 0}
.pc-mel .sl{background-size:100% 1px;background-image:linear-gradient(rgba(242,181,176,.45),rgba(242,181,176,.45))}
.pc .pied nav{flex-wrap:wrap;column-gap:28px;row-gap:0}

@media (max-width:1023.98px){
  .pc-hero,.pc-approche,.pc-frise,.pc-savoir,.pc-formation,.pc-contact{grid-template-columns:minmax(0,1fr)}
  .pc-hero h1,.pc-lede,.pc-approche ol,.pc-liste,.pc-dom,.pc-outils,.pc-tous,.pc-contact>*,.pc-fcol{grid-column:1}
  .pc-an{display:none}
  .pc-y{display:block;margin:0 0 10px;font-weight:800;font-size:64px;line-height:.9;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.2px rgba(244,238,232,.62)}
  .pc-frise .pc-e.ici .pc-y{-webkit-text-stroke-color:var(--rose)}
  .pc-lede{max-width:46ch;margin-top:36px}
  .pc-h{margin-bottom:32px}
  .pc-approche ol{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:719.98px){
  .pc-hero{padding-top:56px}
  .pc-approche ol,.pc-dom,.pc-outils{grid-template-columns:minmax(0,1fr)}
  .pc-approche ol{gap:36px}
  .pc-approche{margin-top:112px}.pc-frise,.pc-savoir,.pc-formation{margin-top:104px}.pc-contact{margin-top:128px}
  .pc-e{grid-template-columns:minmax(0,1fr);gap:6px}
  .pc-frise .pc-e{padding:32px 0;min-height:0}
  .pc h3{font-size:20px}
  .pc-bt{flex:1 1 auto;justify-content:center}
}