.page-hero--about{background:#151412}.about-page-grid{padding:100px var(--gutter);background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-page-grid h2{margin-top:14px;font-family:var(--serif);font-size:clamp(44px,5vw,82px);line-height:.94;font-weight:400}.about-page-copy{font-size:18px;line-height:1.6}.about-page-copy p+p{margin-top:24px}.experience-list{padding:100px var(--gutter);background:#d7d2c9;color:var(--ink)}.experience-list header{display:grid;grid-template-columns:.6fr 1.4fr;gap:40px;margin-bottom:55px}.experience-list h2{font-family:var(--serif);font-size:clamp(42px,5vw,78px);line-height:.95;font-weight:400}.experience-rows>div{display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;padding:22px 0;border-top:1px solid rgba(0,0,0,.2)}.experience-rows span{opacity:.7}

/* V10 — a more personal About section, keeping the site's editorial visual language. */
.about-imagination{padding:100px var(--gutter);background:#1a1917;color:#fff;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(44px,6vw,100px);align-items:center}
.about-imagination__portrait{margin:0;overflow:hidden;aspect-ratio:4/5;background:#24211e}
.about-imagination__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.about-imagination__copy{max-width:760px}
.about-imagination__copy h2{margin-top:14px;font-family:var(--serif);font-size:clamp(42px,4.7vw,76px);line-height:.96;font-weight:400;letter-spacing:-.035em}
.about-imagination__copy>p:not(.section-kicker){margin-top:24px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.72);max-width:680px}

/* V12 — portrait visible immediately on About. */
.about-hero{
  min-height:88svh;
  padding:120px var(--gutter) 78px;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  align-items:end;
  gap:clamp(42px,6vw,100px);
}
.about-hero__portrait{
  margin:0;
  width:min(100%,520px);
  aspect-ratio:4/5;
  overflow:hidden;
  background:transparent;
  align-self:end;
}
.about-hero__portrait img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
}
.about-hero__copy{align-self:end}
.about-hero__copy h1{
  margin-top:18px;
  font-size:clamp(64px,7vw,128px);
  line-height:.8;
  letter-spacing:-.065em;
  font-weight:800;
}
.about-hero__copy>p:last-child{
  margin-top:34px;
  max-width:650px;
  font-family:var(--serif);
  font-size:clamp(18px,1.55vw,25px);
  line-height:1.42;
}
.about-imagination--text{
  grid-template-columns:1fr;
}
.about-imagination--text .about-imagination__copy{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.about-contact-cta{
  padding:100px var(--gutter);
  background:#151412;
  color:#fff;
}
.about-contact-cta h2{
  margin-top:15px;
  max-width:1000px;
  font-family:var(--serif);
  font-size:clamp(46px,6vw,92px);
  line-height:.94;
  font-weight:400;
  letter-spacing:-.04em;
}
.about-contact-cta .text-link{margin-top:34px}


/* V16 — compact tools and targeted CV choice; existing About layout preserved. */
.about-tools{padding:58px var(--gutter);background:#d7d2c9;color:var(--ink);border-top:1px solid rgba(0,0,0,.12)}
.about-tools__groups{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-tools__groups>div{padding-top:16px;border-top:1px solid rgba(0,0,0,.2)}
.about-tools__groups strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.about-tools__groups p{margin-top:8px;font-size:13px;line-height:1.55;opacity:.72}









/* V17 — CV: choix simple, aperçu natif et téléchargement séparé. */
.resume-choice{padding:82px var(--gutter);background:var(--paper);color:var(--ink);scroll-margin-top:92px}
.resume-choice>h2{margin-top:14px;max-width:850px;font-family:var(--serif);font-size:clamp(38px,4.6vw,70px);line-height:.96;font-weight:400}
.resume-choice__grid{margin-top:38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.resume-choice__grid article{padding:24px;border:1px solid rgba(0,0,0,.18)}
.resume-choice__grid h3{font-family:var(--serif);font-size:clamp(25px,2.8vw,38px);font-weight:400;line-height:1.05}
.resume-choice__action{appearance:none;display:inline-flex;margin-top:22px;padding:0 0 6px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.resume-choice__action:disabled,.resume-choice__action[aria-disabled="true"]{opacity:.42;cursor:not-allowed;border-bottom-style:dashed}
.resume-viewer{margin-top:34px;padding-top:28px;border-top:1px solid rgba(0,0,0,.18)}
.resume-viewer__header h3{margin-top:8px;font-family:var(--serif);font-size:clamp(28px,3.2vw,46px);font-weight:400}
.resume-viewer__frame-wrap{margin-top:20px;width:100%;height:min(76vh,920px);min-height:520px;background:#111}
.resume-viewer__frame{display:block;width:100%;height:100%;border:0;background:#fff}
.resume-viewer__mobile-note{display:none;margin-top:16px;max-width:680px;font-size:12px;line-height:1.55;opacity:.68}
.resume-viewer__actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}
.resume-viewer__link{display:inline-flex;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
@media (max-width:900px){.resume-choice__grid{grid-template-columns:1fr}}
@media (max-width:700px){.resume-viewer__frame-wrap{display:none}.resume-viewer__mobile-note{display:block}}


/* Final About refinement — larger portrait, richer tools and one CV. */
@media(min-width:901px){.about-hero{min-height:94svh;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:clamp(34px,4.5vw,78px);padding-bottom:0}.about-hero__portrait{width:min(100%,650px);height:min(82vh,820px);aspect-ratio:auto;overflow:visible}.about-hero__portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.about-hero__copy{padding-bottom:72px}}
.about-tools{padding:86px var(--gutter);background:#d7d2c9}
.about-tools__intro{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:50px;align-items:end}
.about-tools__intro h2{margin-top:12px;font-family:var(--serif);font-size:clamp(44px,4.8vw,76px);font-weight:400;line-height:.95;letter-spacing:-.04em}
.about-tools__intro>p:last-child{max-width:620px;justify-self:end;font-size:14px;line-height:1.6;opacity:.72}
.about-tools__groups{margin-top:42px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.about-tools__groups article{position:relative;min-height:210px;padding:22px;border:1px solid rgba(0,0,0,.18);background:var(--paper);overflow:hidden}
.about-tools__groups article>span{position:absolute;right:12px;top:-12px;font-family:var(--serif);font-size:86px;line-height:1;color:var(--orange);opacity:.13}
.about-tools__groups strong{position:relative;display:block;margin-top:52px;font-size:12px}
.about-tools__groups p{position:relative;margin-top:16px;font-size:13px;line-height:1.65;opacity:.76}
.resume-choice--single{padding:82px var(--gutter)}
.resume-single{margin-top:24px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:40px;align-items:end;padding:34px;border:1px solid rgba(0,0,0,.18)}
.resume-single h2{font-family:var(--serif);font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:.95}
.resume-single p{margin-top:16px;max-width:680px;font-size:14px;line-height:1.6;opacity:.7}
.resume-download-button{justify-self:end;display:inline-flex;align-items:center;gap:16px;padding:15px 18px;border:1px solid currentColor;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transition:background .22s ease,color .22s ease}
.resume-download-button:hover,.resume-download-button:focus-visible{background:#111;color:#fff}
@media(max-width:900px){.about-tools__intro,.resume-single{grid-template-columns:1fr}.about-tools__intro>p:last-child,.resume-download-button{justify-self:start}.about-tools__groups{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.about-tools__groups{grid-template-columns:1fr}.resume-single{padding:24px}}


/* 2026-09-03 — corrections ciblées de la page À propos. */
.about-imagination--split{
  padding:100px var(--gutter);
  background:#1a1917;
  color:#fff;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  gap:clamp(54px,7vw,120px);
  align-items:start;
}
.about-imagination__statement h2{
  margin-top:14px;
  font-family:var(--serif);
  font-size:clamp(46px,5vw,82px);
  line-height:.96;
  font-weight:400;
  letter-spacing:-.035em;
}
.about-imagination__details{padding-top:42px;max-width:680px}
.about-imagination__details p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.74)}
.about-imagination__details p+p{margin-top:26px}
.resume-single__actions{justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.resume-action-button{display:inline-flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid currentColor;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transition:background .22s ease,color .22s ease}
.resume-action-button:hover,.resume-action-button:focus-visible{background:#111;color:#fff}
@media(min-width:901px){
  .about-hero{grid-template-columns:minmax(420px,1fr) minmax(0,1fr);gap:clamp(26px,3.2vw,58px)}
  .about-hero__portrait{width:min(112%,780px);height:min(88vh,900px);margin-left:-2vw}
}
@media(max-width:900px){
  .about-imagination--split{grid-template-columns:1fr;gap:30px}
  .about-imagination__details{padding-top:0}
  .resume-single__actions{justify-self:start;justify-content:flex-start}
}

.about-tools__intro{grid-template-columns:1fr}
.about-tools__intro h2{max-width:980px}