/* ============ 01 HERO À PROPOS ============ */
  .about-hero{ background:var(--navy); overflow:hidden; }
  .about-hero__grid{
    display:grid;
    grid-template-columns:.86fr 1.14fr;
    min-height:88vh;
  }
  .about-hero__photo{
    position:relative;
    background:
      repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 2px, transparent 2px 16px),
      linear-gradient(160deg, #1B3350 0%, #0E1B2E 100%);
    display:flex; align-items:flex-end; padding:32px;
    min-height:340px;
    overflow:hidden;
  }
  .about-hero__photo img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 22%;
    display:block;
  }
  .about-hero__photo span{
    font-family:var(--mono); font-size:11px; letter-spacing:.09em; text-transform:uppercase;
    color:var(--mist-dim); line-height:1.8;
  }
  .about-hero__content{
    display:flex; flex-direction:column; justify-content:center;
    padding:clamp(56px,7vw,0px) var(--gutter);
  }
  .about-hero__content .eyebrow{ margin-bottom:26px; }
  .about-hero h1{
    font-size:clamp(28px,3.6vw,44px);
    line-height:1.18;
    color:#fff;
    font-weight:500;
    max-width:17ch;
  }
  .about-hero__accent{
    display:block;
    font-family:var(--display);
    font-style:italic;
    font-weight:420;
    color:var(--terracotta);
    font-size:clamp(20px,2.4vw,28px);
    margin-top:12px;
  }
  .about-hero__lead{
    margin-top:34px;
    font-size:16px;
    line-height:1.75;
    color:var(--mist);
    max-width:48ch;
  }
  @media(max-width:860px){
    .about-hero__grid{ grid-template-columns:1fr; min-height:0; }
    .about-hero__photo{ min-height:280px; }
    .about-hero__content{ padding:56px var(--gutter) 72px; }
  }

  /* ============ 02 CE QUE LE TERRAIN M'A APPRIS ============ */
  .roots__intro{
    max-width:56ch;
    font-family:var(--display);
    font-style:italic;
    font-size:clamp(19px,2.1vw,23px);
    color:var(--navy);
    line-height:1.5;
    margin-bottom:clamp(64px,8vw,100px);
  }
  .roots__cluster{
    position:relative;
    display:grid;
    grid-template-columns:1.05fr 1fr;
    grid-template-areas:
      "a b"
      "c c";
    column-gap:clamp(28px,4.5vw,56px);
    row-gap:clamp(64px,8vw,96px);
    max-width:920px;
  }
  .roots__block{
    position:relative;
    background:var(--paper);
  }
  .roots__block h3{
    font-size:clamp(19px,2.1vw,23px);
    font-weight:520;
    color:var(--navy);
    text-transform:uppercase;
    letter-spacing:.008em;
  }
  .roots__block p{
    margin-top:14px;
    font-size:15px;
    line-height:1.7;
    color:var(--ink-soft);
    max-width:36ch;
  }
  .roots__block--a{ grid-area:a; }
  .roots__block--b{ grid-area:b; transform:translateY(clamp(10px,1.6vw,20px)); }
  .roots__block--c{
    grid-area:c;
    max-width:44ch;
    margin-left:clamp(24px,7vw,110px);
  }
  .roots__transition{
    margin-top:clamp(70px,9vw,104px);
    padding-top:32px;
    border-top:1px solid var(--line-dark);
    max-width:52ch;
    font-family:var(--display);
    font-style:italic;
    font-size:18px;
    color:var(--ink-soft);
  }
  @media(max-width:760px){
    .roots__cluster{ grid-template-columns:1fr; grid-template-areas:"a" "b" "c"; row-gap:32px; }
    .roots__block--b{ transform:none; }
    .roots__block--c{ margin-left:0; }
  }

  /* ============ 03 CENTRAL / PULL-QUOTE ============ */
  .core{ background:var(--navy); }
  .core__pre{
    max-width:60ch;
    font-size:16px;
    line-height:1.8;
    color:var(--mist);
  }
  .core__pre p + p{ margin-top:18px; }
  .core__quote{
    margin-top:clamp(64px,8vw,96px);
    display:flex;
    gap:clamp(20px,3vw,32px);
    align-items:flex-start;
  }
  .core__quote-bar{
    width:2px;
    align-self:stretch;
    background:var(--terracotta);
    flex-shrink:0;
    margin-top:6px;
  }
  .core__quote p{
    font-family:var(--display);
    font-style:italic;
    font-weight:420;
    font-size:clamp(24px,3.4vw,38px);
    line-height:1.32;
    color:#fff;
    max-width:20ch;
  }

  /* ============ 04 NAISSANCE DE LA MARQUE ============ */
  .origin-brand{ max-width:760px; }
  .origin-brand p{
    font-size:16px; line-height:1.8; color:var(--ink-soft);
  }
  .origin-brand p + p{ margin-top:22px; }
  .origin-brand__plaque{
    margin-top:clamp(64px,8vw,96px);
    background:var(--navy);
    padding:clamp(48px,7vw,84px) clamp(32px,6vw,72px);
    text-align:left;
  }
  .origin-brand__plaque-rule{
    width:44px; height:2px; background:var(--terracotta); margin-bottom:26px;
  }
  .origin-brand__plaque p{
    font-family:var(--display);
    font-weight:520;
    font-size:clamp(24px,3.4vw,36px);
    line-height:1.25;
    color:#fff;
    max-width:16ch;
  }

  /* ============ 05 QUELQUES REPÈRES ============ */
  .markers__list{ max-width:920px; }
  .markers__row{
    display:grid;
    grid-template-columns:.9fr 1.6fr;
    gap:clamp(16px,4vw,48px);
    padding:clamp(28px,3.4vw,38px) 0;
    border-top:1px solid var(--line-dark);
  }
  .markers__list .markers__row:last-child{ border-bottom:1px solid var(--line-dark); }
  .markers__row h3{
    font-size:clamp(17px,1.9vw,21px);
    font-weight:520;
    color:var(--navy);
    max-width:20ch;
  }
  .markers__row p{
    font-size:15px; line-height:1.75; color:var(--ink-soft); max-width:52ch;
  }
  @media(max-width:700px){
    .markers__row{ grid-template-columns:1fr; gap:10px; }
  }

  /* ============ 06 FAÇON DE TRANSMETTRE ============ */
  .teaching__lead{
    font-family:var(--display);
    font-style:italic;
    font-size:clamp(20px,2.4vw,26px);
    color:#fff;
    max-width:26ch;
    margin-bottom:clamp(64px,8vw,96px);
  }
  .teaching__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(36px,5vw,64px) clamp(28px,5vw,64px);
  }
  .teaching__item:nth-child(2){ transform:translateY(clamp(16px,3vw,34px)); }
  .teaching__item:nth-child(3){ transform:translateY(clamp(8px,2vw,18px)); }
  .teaching__item h4{
    font-family:var(--body);
    font-weight:600;
    font-size:13px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--terracotta);
  }
  .teaching__item p{
    margin-top:14px;
    font-size:15.5px;
    line-height:1.75;
    color:var(--mist);
    max-width:36ch;
  }
  .teaching__close{
    margin-top:clamp(72px,9vw,108px);
    padding-top:34px;
    border-top:1px solid var(--navy-line);
    font-family:var(--display);
    font-style:italic;
    font-size:clamp(19px,2.2vw,24px);
    color:#fff;
    max-width:48ch;
  }
  @media(max-width:700px){
    .teaching__grid{ grid-template-columns:1fr; }
    .teaching__item:nth-child(2), .teaching__item:nth-child(3){ transform:none; }
  }

  /* ============ 07 CONTACT / RETOUR AU TERRAIN ============ */