
.duo{position:relative;overflow:hidden;margin:0;isolation:isolate;}
.duo img{width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(1) contrast(1.32) brightness(.92);}
.duo::before{content:'';position:absolute;inset:0;background:#0E3A79;mix-blend-mode:multiply;}
.duo::after{content:'';position:absolute;inset:0;background:#DDBA2A;mix-blend-mode:screen;opacity:.18;}
/* Grain : masque la montée en taille d'une photo de 320 px de large. */
.duo .grain,.grain{position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:radial-gradient(rgba(255,255,255,.6) .5px,transparent .5px);
  background-size:3px 3px;mix-blend-mode:overlay;}
:root{--sp:80px;--alt:#F3F5F8;}
.fold{position:relative;}
.fold__rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;}
.fold__rail::-webkit-scrollbar{display:none;}
.pan{flex:0 0 100%;min-height:calc(100svh - 66px);scroll-snap-align:start;
  display:flex;align-items:center;padding:56px 0;background:#fff;}
.pan__in{max-width:640px;margin:0 auto;padding:0 32px;width:100%;}
.pan--navy{background:var(--navy-700);color:#fff;}
.pan--gold{background:#FFEB99;}
.pan--photo{background:var(--ink-50);}
.pan--cover{background:#fff;text-align:center;}
.pan__logo{margin:0 auto 30px;}
.pan--cover h1{font-weight:800;font-size:clamp(2rem,6vw,3.2rem);line-height:1.05;
  letter-spacing:-.03em;color:var(--navy-700);}
.pan--cover h1 span{display:block;margin-top:8px;font-weight:600;font-size:.5em;color:var(--teal-700);
  letter-spacing:0;}
.pan__siret{margin-top:26px;font-size:.86rem;color:var(--ink-500);font-variant-numeric:tabular-nums;}
.pan__hint{margin-top:44px;font-size:.9rem;color:var(--ink-300);}
.pan__t{font-weight:800;font-size:clamp(1.9rem,5vw,3rem);line-height:1.08;letter-spacing:-.03em;
  color:var(--gold-500);text-transform:uppercase;}
.pan__t--gold{color:var(--gold-600);}
.pan__t--teal{color:#2F5356;}
.pan__map{margin:26px 0 18px;} .pan__map svg{width:100%;height:auto;}
.pan__dep{font-size:.95rem;color:var(--navy-100);}
.pan__lede{margin-top:20px;font-size:1.05rem;line-height:1.6;color:var(--ink-700);}
.pan__lede--teal{color:#2F5356;}
.pan__list{margin:26px 0 0;}
.pan__list div{padding:14px 0;border-bottom:1px solid var(--ink-100);}
.pan__list dt{font-family:var(--font-display);font-weight:700;font-size:1.02rem;color:var(--navy-700);}
.pan__list dd{margin:4px 0 0;font-size:.93rem;color:var(--ink-500);}
.pan__go{display:inline-block;margin-top:26px;font-family:var(--font-display);font-weight:600;
  font-size:.96rem;color:var(--teal-700);border-bottom:2px solid currentColor;text-decoration:none;padding-bottom:2px;}
.pan__f{margin-top:24px;}
.pan__f a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap;
  padding:13px 0;border-bottom:1px solid rgba(47,83,86,.22);text-decoration:none;color:#2F5356;
  transition:transform .26s var(--ease);}
.pan__f a:hover{transform:translateX(8px);}
.pan__f b{font-weight:700;font-size:1rem;}
.pan__f span{font-size:.85rem;opacity:.75;font-variant-numeric:tabular-nums;}
.pan__avenir{margin-top:22px;font-size:.9rem;color:#2F5356;opacity:.75;}
.pan__ph{margin:0 0 22px;}
.pan__ph img{width:171px;border-radius:14px;box-shadow:var(--sh-md);}
.pan--photo .pan__t{color:var(--navy-700);}
.pan__role{margin-top:10px;font-size:1rem;color:var(--ink-700);}
.pan__pc{margin:18px 0 0;padding-left:18px;line-height:1.85;color:var(--ink-500);font-size:.94rem;}
.pan__c{display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.18);text-decoration:none;
  color:#fff;font-size:1.05rem;}
.pan__c small{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--navy-200);margin-bottom:5px;line-height:1.3;}
.pan--end .btn{margin-top:28px;background:var(--gold-500);color:var(--navy-900);}
.fold__nav{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:9px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:9px 14px;border-radius:999px;
  box-shadow:var(--sh-md);z-index:250;}
.fold__nav button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--ink-300);
  cursor:pointer;transition:background .25s var(--ease),transform .25s var(--ease);}
.fold__nav button[aria-current]{background:var(--navy-700);transform:scale(1.35);}
@media(max-width:820px){
  .fold__rail{display:block;overflow:visible;}
  .pan{min-height:0;padding:52px 0;}
  .fold__nav{display:none;}
}
