/* ─── HERO QUI SOMMES-NOUS ─── */
    .hero-about {
      background: var(--ink);
      min-height: 80vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      padding-top: 72px;
    }
    .hero-about::before {
      content: "";
      position: absolute; inset: 0;
      background-image:
        linear-gradient(0deg, rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
      background-size: 72px 72px;
    }
    .hero-about-glow {
      position: absolute;
      width: 700px; height: 700px;
      top: -200px; left: 50%;
      transform: translateX(-50%);
      background: radial-gradient(circle, rgba(242,201,76,.1) 0%, transparent 60%);
      border-radius: 50%;
      filter: blur(100px);
      pointer-events: none;
    }
    .hero-about .hero-inner {
      position: relative; z-index: 2; text-align: center;
      max-width: 820px; margin: 0 auto;
    }
    .hero-about h1 { color: var(--paper); margin-bottom: 24px; }
    .hero-about h1 .hl {
      background: linear-gradient(180deg, transparent 55%, rgba(242,201,76,.4) 55%);
      padding: 0 .06em;
    }
    .hero-about p.lede { color: rgba(251,250,246,.65); max-width: 600px; margin: 0 auto 36px; }
    .hero-label {
      display: inline-flex; align-items: center; gap: 10px;
      font-family: var(--font-mono); font-size: .72rem; font-weight: 600;
      letter-spacing: .16em; text-transform: uppercase; color: var(--yellow);
      margin-bottom: 24px;
    }
    .hero-label::before { content: ""; width: 28px; height: 1px; background: var(--yellow); flex-shrink: 0; }
    .hero-badges {
      display: flex; flex-wrap: wrap; gap: 12px;
      justify-content: center; margin-top: 32px;
    }
    .hero-badge-item {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(242,201,76,.1); border: 1px solid rgba(242,201,76,.2);
      border-radius: var(--radius-full); padding: 8px 16px;
      font-size: .84rem; font-weight: 600; color: rgba(251,250,246,.8);
    }

    /* ─── HISTOIRE ─── */
    .histoire-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 80px; align-items: start; }
    .quote-pull {
      border-left: 3px solid var(--yellow);
      padding-left: 24px;
      margin: 28px 0;
    }
    .quote-pull .q {
      font-size: 1.15rem; font-weight: 600; color: var(--ink);
      line-height: 1.5; font-style: italic; letter-spacing: -.01em;
    }
    .quote-pull .q::before { content: "« "; color: var(--navy); }
    .quote-pull .q::after  { content: " »"; color: var(--navy); }
    .quote-pull .sig { font-family: var(--font-mono); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: var(--text-light); margin-top: 8px; }

    /* Timeline verticale */
    .timeline { display: flex; flex-direction: column; gap: 0; }
    .timeline-item {
      display: grid; grid-template-columns: 40px 1fr; gap: 20px;
      padding-bottom: 28px; position: relative;
    }
    .timeline-item:last-child { padding-bottom: 0; }
    .timeline-dot-col { display: flex; flex-direction: column; align-items: center; }
    .timeline-dot {
      width: 40px; height: 40px; border-radius: 50%;
      background: var(--navy); color: var(--paper);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.1rem; flex-shrink: 0; z-index: 1;
    }
    .timeline-dot--yellow { background: var(--yellow); color: var(--ink); }
    .timeline-line {
      flex: 1; width: 2px; background: var(--line);
      margin-top: 4px;
    }
    .timeline-item:last-child .timeline-line { display: none; }
    .timeline-content { padding-top: 8px; }
    .timeline-content .label { font-family: var(--font-mono); font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; color: var(--navy); font-weight: 600; }
    .timeline-content h3 { font-size: 1rem; color: var(--ink); margin: 4px 0 6px; }
    .timeline-content p { font-size: .88rem; color: var(--text-muted); line-height: 1.6; }

    /* ─── VALUES SECTION ─── */
    .values-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; }
    .value-card {
      border-top: 3px solid var(--navy); padding-top: 24px;
      display: flex; flex-direction: column; gap: 12px;
    }
    .value-icon { font-size: 1.6rem; }
    .value-card h3 { font-size: 1.05rem; color: var(--ink); }
    .value-card p { font-size: .88rem; color: var(--text-muted); line-height: 1.65; }

    /* ─── ÉQUIPE ─── */
    .team-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 48px; }
    .team-card {
      background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg);
      overflow: hidden; display: flex; flex-direction: column;
      transition: transform var(--transition), box-shadow var(--transition);
    }
    .team-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
    .team-photo {
      width: 100%; aspect-ratio: 3/4; overflow: hidden;
    }
    .team-photo img {
      width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block;
      transition: transform .5s cubic-bezier(.4,0,.2,1);
    }
    .team-card:hover .team-photo img { transform: scale(1.06); }
    .team-body { padding: 32px; display: flex; flex-direction: column; gap: 16px; }
    .team-header { display: flex; flex-direction: column; gap: 6px; }
    .team-role { font-family: var(--font-mono); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: var(--text-light); margin-top: 4px; }
    .team-label { font-size: .8rem; color: var(--navy); font-weight: 600; background: var(--yellow-pale); border: 1px solid rgba(242,201,76,.25); border-radius: var(--radius-full); padding: 4px 12px; display: inline-block; align-self: flex-start; }
    .team-card p { font-size: .92rem; color: var(--text-muted); line-height: 1.7; }
    .team-skills { display: flex; flex-wrap: wrap; gap: 8px; }
    .team-skill { font-size: .78rem; font-weight: 600; color: var(--navy); background: rgba(30,58,95,.06); border: 1px solid rgba(30,58,95,.12); border-radius: var(--radius-full); padding: 5px 12px; }

    /* SVG Avatar Placeholder */
    .avatar-placeholder {
      width: 88px; height: 88px; border-radius: 50%;
      background: linear-gradient(135deg, var(--navy), var(--navy-2));
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .avatar-placeholder svg { width: 48px; height: 48px; opacity: .7; }

    /* ─── ENGAGEMENTS ─── */
    .engagements-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
    .engagement-card {
      background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md);
      padding: 28px; display: flex; flex-direction: column; gap: 12px;
      transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
    }
    .engagement-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--navy); }
    .engagement-icon { font-size: 1.8rem; }
    .engagement-card h3 { font-size: 1rem; color: var(--ink); }
    .engagement-card p { font-size: .88rem; color: var(--text-muted); line-height: 1.65; }

    /* ─── CTA CONTACT ─── */
    .cta-contact {
      background: var(--navy-3); padding: 112px 0; text-align: center;
    }
    .cta-inner { max-width: 640px; margin: 0 auto; }
    .cta-contact h2 { color: var(--paper); margin-bottom: 16px; }
    .cta-contact p { color: rgba(251,250,246,.65); font-size: 1rem; line-height: 1.7; margin-bottom: 36px; }
    .cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
    .cta-contact-details {
      display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;
      margin-top: 48px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,.1);
    }
    .cta-contact-item { text-align: center; }
    .cta-contact-item .label { font-family: var(--font-mono); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(251,250,246,.4); margin-bottom: 6px; display: block; }
    .cta-contact-item .val { font-weight: 700; font-size: 1rem; color: var(--paper); }
    .cta-contact-item a { color: var(--yellow); transition: color var(--transition); }
    .cta-contact-item a:hover { color: var(--yellow-2); }

    /* Fact chips */
    .facts-row {
      display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px;
    }
    .fact-chip {
      display: flex; flex-direction: column;
      padding: 16px 20px; background: var(--white);
      border: 1px solid var(--line); border-radius: var(--radius-md);
      min-width: 110px; text-align: center;
      transition: transform var(--transition), box-shadow var(--transition);
    }
    .fact-chip:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
    .fact-chip .n { font-weight: 800; font-size: 1.5rem; color: var(--navy); letter-spacing: -.02em; }
    .fact-chip .l { font-size: .74rem; color: var(--text-light); margin-top: 2px; }

    @media (max-width: 1024px) {
      .histoire-grid { grid-template-columns: 1fr; gap: 48px; }
      .values-grid { grid-template-columns: repeat(2,1fr); }
      .engagements-grid { grid-template-columns: repeat(2,1fr); }
      .team-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 768px) {
      .values-grid, .engagements-grid { grid-template-columns: 1fr; }
      .cta-contact-details { gap: 24px; flex-direction: column; }
      .facts-row { justify-content: center; }
    }
    @media (max-width: 480px) {
      .cta-contact-details { gap: 16px; }
    }
  

#floatingContact{display:none}@media(max-width:900px){#floatingContact{display:flex!important}}