/* paideia.css — Programme Paideia (International / Local + CTA Hero) */

.programme-page{
  max-width:var(--maxw);
  margin:0 auto;
  padding:44px 16px 70px;
}

/* ===== HERO ===== */
.prog-hero{ text-align:center; padding:8px 0 26px; }

.prog-title{
  margin:0 0 10px;
  font-family:var(--ff-serif);
  font-weight:900;
  font-size:2.6rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--violet);
}

.prog-subtitle{
  margin:0 auto;
  max-width:820px;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.25rem;
  line-height:1.6;
  color:var(--ink);
}

/* ===== 2 BLOCS MEDIA ===== */
.prog-media{ padding:8px 0 18px; }

.media-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}

.media-card{
  position:relative;
  min-height:300px;
  border-radius:26px;
  background:
    radial-gradient(160% 200% at 50% 40%,
      var(--g1) 0%, var(--g2) 38%, var(--g3) 68%, var(--g4) 100%);
  box-shadow:
    0 0 0 1px rgba(230,231,255,.36),
    0 14px 30px rgba(198,201,255,.55),
    0 4px 10px rgba(0,0,0,.12);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.media-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ===== PHRASE FORTE ===== */
.prog-axiom{ padding:6px 0 18px; text-align:center; }

.prog-axiom-text{
  margin:0 auto;
  max-width:980px;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  font-size:1.15rem;
  line-height:1.7;
  letter-spacing:.10em;
  color:#111;
}

/* ===== PROGRAMME ===== */
.prog-teaching{ padding:32px 0 40px; }

.section-title{
  text-align:center;
  margin:0 0 6px;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  font-size:2.3rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--violet);
}

.section-lead{
  text-align:center;
  margin:0 auto 18px;
  max-width:820px;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.25rem;
  line-height:1.65;
  color:var(--muted);
}

/* ===== TABS ===== */
.paideia-tabs{
  margin:35px auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}

.paideia-tab-btn{
  appearance:none;
  border:0;
  cursor:pointer;
  border-radius:999px;
  padding:14px 24px;
  min-width:230px;

  font-family:Impact,"Bodoni Moda",var(--ff-serif),system-ui,sans-serif;
  font-weight:700;
  font-size:1.15rem;
  letter-spacing:.18em;
  text-transform:uppercase;

  color:#E6E8FF;
  background:
    radial-gradient(160% 220% at 20% 10%,
      rgba(230,232,255,.18) 0%,
      transparent 48%),
    linear-gradient(135deg,#0E1030,#2E2C62);
  box-shadow:
    0 0 0 1px rgba(230,232,255,.26),
    0 16px 38px rgba(14,16,48,.22);

  transition:transform .35s ease, filter .35s ease, box-shadow .35s ease;
}

.paideia-tab-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.03);
}

.paideia-tab-btn:focus-visible{
  outline:2px solid rgba(46,44,98,.55);
  outline-offset:4px;
}

.paideia-tab-btn.is-active{
  color:var(--violet);
  background:
    radial-gradient(160% 200% at 50% 40%,
      rgba(255,255,255,.90) 0%,
      rgba(203,207,252,.96) 45%,
      rgba(157,163,234,.96) 100%);
  box-shadow:
    0 0 0 1px rgba(230,231,255,.92),
    0 14px 34px rgba(158,168,255,.36);
}

.paideia-tab-arrows{
  color:rgba(46,44,98,.65);
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(0px);
  user-select:none;
}

.paideia-tab-panels{ margin-top:35px; }
.paideia-tab-panel[hidden]{ display:none; }

/* ===== ZONE ===== */
.paideia-zone{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* ===== 3 CARTES : BREAKOUT (largeur quasi plein écran) ===== */
.paideia-cards{
  display:grid;
  gap:22px;
}

.paideia-cards--3{
  grid-template-columns:repeat(3, minmax(0, 1fr));

  width:min(1500px, calc(100vw - 32px));
  margin-left:50%;
  transform:translateX(-50%);
}

@media (max-width:1080px){
  .paideia-cards--3{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

@media (max-width:720px){
  .paideia-cards--3{ grid-template-columns:1fr; }
  .paideia-tabs{ gap:12px; }
  .paideia-tab-btn{ min-width:0; width:44vw; padding:12px 14px; font-size:1.02rem; }
  .paideia-tab-arrows{ display:none; }
}

.info-card{
  position:relative;
  padding:20px 20px 18px;
  border-radius:16px;
  background:
    radial-gradient(160% 200% at 50% 40%,
      rgba(255,255,255,.88) 0%,
      rgba(191,195,243,.92) 45%,
      rgba(142,148,216,.92) 100%);
  box-shadow:
    0 0 0 1px rgba(230,231,255,.92),
    0 10px 22px rgba(158,168,255,.52);
  color:#111;
}

.info-card h4{
  margin:0 0 8px;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  font-size:1.25rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
}

.info-card p{
  margin:0;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.12rem;
  line-height:1.6;
  text-align:left;
}

.info-card--placeholder{ opacity:.9; }

/* ===== PAIDION : TITRE HORS CASE + 2 CASES SOMBRES ===== */
.paidion-block{ margin-top:10px; }

.paidion-heading{
  margin:18px 0 8px;
  text-align:center;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  font-size:1.55rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:var(--violet);
}

.paidion-intro{
  margin:0 auto 14px;
  max-width:980px;
  text-align:center;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.10rem;
  line-height:1.6;
  color:rgba(17,17,17,.78);
}

.paidion-cols{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  max-width:1100px;
  margin:0 auto;
}

@media (max-width:860px){
  .paidion-cols{ grid-template-columns:1fr; }
}

.paidion-col{
  border-radius:22px;
  padding:18px 18px 16px;
  background:
    radial-gradient(160% 220% at 10% 0%,
      rgba(250,250,255,.18) 0%,
      transparent 45%),
    linear-gradient(135deg,#0E1030,#2E2C62);
  box-shadow:
    0 0 0 1px rgba(230,232,255,.40),
    0 18px 44px rgba(14,16,48,.45);
  color:#E6E8FF;
  position:relative;
  overflow:hidden;
}

.paidion-col::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:1px solid rgba(230,232,255,.22);
  pointer-events:none;
}

.paidion-label{
  margin:0 0 10px;
  text-align:center;
  font-family:Impact,system-ui,sans-serif;
  font-weight:700;
  font-size:1.12rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#E6E8FF;
  opacity:.95;
  position:relative;
  z-index:1;
}

.paidion-list{
  margin:0;
  padding-left:22px;
  list-style:disc;
  text-align:left;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.10rem;
  line-height:1.65;
  color:#E6E8FF;
  position:relative;
  z-index:1;
}

.paidion-list li{ margin:0 0 7px; }
.paidion-list strong{ color:#E6E8FF; }

/* =========================================================
   CTA HERO — ta version (inchangée)
   ========================================================= */
.paideia-ctaHero{
  position:relative;
  margin-top:34px;
  padding:26px 0 8px;
  isolation:isolate;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease, transform .65s ease;
}
.paideia-ctaHero.is-inview{ opacity:1; transform:translateY(0); }

.paideia-ctaHero-inner{
  position:relative;
  max-width:1080px;
  margin:0 auto;
  padding:36px 26px 30px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(140% 170% at 50% 10%,
      rgba(46,44,98,.18) 0%,
      rgba(142,148,216,.14) 34%,
      rgba(222,211,231,.60) 62%,
      rgba(255,255,255,0) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.55) 0%,
      rgba(222,211,231,.42) 55%,
      rgba(255,255,255,.35) 100%);
  box-shadow:0 0 0 1px rgba(46,44,98,.14), 0 26px 70px rgba(46,44,98,.16);
}

.paideia-ctaHero-inner::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(230,232,255,.55), inset 0 0 0 2px rgba(46,44,98,.05);
  opacity:.95;
}

.paideia-ctaHero-title{
  margin:0 0 14px;
  text-align:center;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  font-size:2.3rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--violet);
  text-shadow:0 1px 0 rgba(255,255,255,.65), 0 18px 40px rgba(46,44,98,.14);
}

.paideia-ctaHero-lead{
  margin:0 auto 22px;
  max-width:980px;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.25rem;
  line-height:1.75;
  color:rgba(17,17,17,.92);
  text-align:center;
}

.paideia-ctaHero-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:22px;
  align-items:stretch;
}

.paideia-ctaHero-points{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.paideia-ctaHero-point{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px 16px;
  border-radius:22px;
  text-decoration:none;
  cursor:pointer;
  background:
    radial-gradient(160% 200% at 50% 40%,
      rgba(255,255,255,.85) 0%,
      rgba(191,195,243,.90) 45%,
      rgba(142,148,216,.90) 100%);
  box-shadow:0 0 0 1px rgba(230,231,255,.90), 0 14px 34px rgba(46,44,98,.14);
  transition:
    transform .55s cubic-bezier(.16,.90,.18,1),
    box-shadow .85s cubic-bezier(.16,.90,.18,1),
    filter .85s cubic-bezier(.16,.90,.18,1),
    background 1.05s cubic-bezier(.16,.90,.18,1);
  will-change:transform;
}
.paideia-ctaHero-point:hover{
  transform:translateY(-3px);
  filter:brightness(1.02);
  background:
    radial-gradient(160% 220% at 20% 10%, rgba(230,232,255,.20) 0%, transparent 48%),
    linear-gradient(135deg,#0E1030,#2E2C62);
  box-shadow:0 0 0 1px rgba(230,232,255,.30), 0 24px 62px rgba(14,16,48,.28);
}
.paideia-ctaHero-point:focus-visible{ outline:2px solid rgba(46,44,98,.55); outline-offset:4px; }

.paideia-ctaHero-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  margin-top:7px;
  flex:0 0 auto;
  background:radial-gradient(circle at 30% 30%,
    rgba(230,232,255,1) 0%,
    rgba(142,148,216,1) 42%,
    rgba(46,44,98,1) 100%);
  box-shadow:0 0 0 3px rgba(46,44,98,.12);
  transition:box-shadow .85s cubic-bezier(.16,.90,.18,1);
}
.paideia-ctaHero-point:hover .paideia-ctaHero-dot{ box-shadow:0 0 0 3px rgba(230,232,255,.18); }

.paideia-ctaHero-pointTitle{
  font-family:Impact,system-ui,sans-serif;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(14,16,48,.92);
  font-size:1.05rem;
  margin-bottom:4px;
  transition:color .85s cubic-bezier(.16,.90,.18,1);
}
.paideia-ctaHero-pointText{
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.10rem;
  line-height:1.6;
  color:rgba(17,17,17,.88);
  transition:color .85s cubic-bezier(.16,.90,.18,1);
}
.paideia-ctaHero-point:hover .paideia-ctaHero-pointTitle,
.paideia-ctaHero-point:hover .paideia-ctaHero-pointText{ color:#fff; }

.paideia-ctaHero-aside{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  padding:18px 18px 16px;
  border-radius:22px;
  background:
    radial-gradient(160% 220% at 20% 10%, rgba(230,232,255,.22) 0%, transparent 48%),
    linear-gradient(135deg,#0E1030,#2E2C62);
  color:#E6E8FF;
  box-shadow:0 0 0 1px rgba(230,232,255,.40), 0 18px 44px rgba(14,16,48,.30);
  position:relative;
  overflow:hidden;
}
.paideia-ctaHero-aside::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:1px solid rgba(230,232,255,.22);
  pointer-events:none;
}

.paideia-ctaHero-pill{ display:grid; gap:6px; padding:16px 14px; border-radius:18px; background:rgba(230,232,255,.10); box-shadow:inset 0 0 0 1px rgba(230,232,255,.18); text-align:center; }

.paideia-ctaHero-pillLabel{ font-family:Impact,system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; font-size:.9rem; opacity:.85; }

.paideia-ctaHero-pillValue{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  font-size:2.4rem;
  line-height:1;
  color:#fff;
  text-shadow:0 16px 36px rgba(0,0,0,.26);
}

.roll-window{
  position:relative;
  display:inline-block;
  height:1.12em;
  width:2.6ch;
  overflow:hidden;
  vertical-align:middle;
  clip-path: inset(0);
  contain: paint;
}
.roll-strip{ display:flex; flex-direction:column; transform:translateY(0); will-change:transform; backface-visibility:hidden; }
.roll-item{ display:flex; align-items:center; justify-content:center; height:1.12em; line-height:1.12em; width:2.6ch; }
.roll-final{ pointer-events:none; }

.roll-suffix{ font-size:.92em; opacity:.98; position:relative; top:.01em; margin-left:-1px; }

.paideia-ctaHero-pillUnit{ font-family:Impact,system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; font-size:.95rem; opacity:.90; }

.paideia-ctaHero-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 22px;
  border-radius:999px;
  text-decoration:none;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  font-size:1.10rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#0E1030;
  background: radial-gradient(160% 200% at 50% 40%, rgba(255,255,255,.85) 0%, rgba(191,195,243,.90) 45%, rgba(142,148,216,.90) 100%);
  box-shadow:0 0 0 1px rgba(230,231,255,.90), 0 14px 34px rgba(14,16,48,.26);
  transition:transform .45s cubic-bezier(.16,.90,.18,1), box-shadow .65s cubic-bezier(.16,.90,.18,1), filter .65s cubic-bezier(.16,.90,.18,1);
}
.paideia-ctaHero-btn:hover{ transform:translateY(-3px) scale(1.06); filter:brightness(1.04); box-shadow:0 0 0 1px rgba(230,231,255,.98), 0 22px 50px rgba(14,16,48,.30); }
.paideia-ctaHero-btn:active{ transform:translateY(-1px) scale(1.02); }
.paideia-ctaHero-btn:focus-visible{ outline:2px solid rgba(230,232,255,.9); outline-offset:4px; }

.paideia-ctaHero-note{ font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif; font-size:.95rem; line-height:1.5; opacity:.85; text-align:center; }

@media (prefers-reduced-motion:reduce){
  .paideia-ctaHero,
  .paideia-ctaHero-point,
  .paideia-ctaHero-btn{ transition:none !important; }
  .roll-strip{ transition:none !important; }
}

@media (max-width:900px){
  .media-grid{ grid-template-columns:1fr; }
  .paideia-ctaHero-grid{ grid-template-columns:1fr; }
  .paideia-ctaHero-inner{ padding:28px 16px 24px; border-radius:28px; }
}

@media (max-width:640px){
  .prog-title{ font-size:2.1rem; letter-spacing:.18em; }
  .prog-axiom-text{ font-size:1.02rem; letter-spacing:.06em; }
  .paideia-ctaHero-title{ font-size:2.0rem; letter-spacing:.14em; }
  .paideia-ctaHero-lead{ font-size:1.08rem; }
}