@media (max-width:1050px) {
  .about-page main {
    padding-top:0;
  }
  .about-page .site-header:not(.scrolled):not(.menu-open):not(.services-open) {
    background:transparent;
    box-shadow:none;
  }
  .about-hero {
    min-height:550px;
    align-items:center;
    padding:148px 0 60px;
    background:linear-gradient(rgba(3,26,44,.24), rgba(3,26,44,.24)), #082E51 url("../contact-tablette-mains-bleu-texture.webp") center / cover no-repeat;
  }
  .about-hero .about-container {
    max-width:1160px;
    transform:translateY(-56px);
  }
  .about-hero h1 {
    max-width:620px;
    margin:0;
    font-size:48px;
    line-height:1.15;
  }
}
@media (max-width:1050px) {
  .about-history-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    margin-bottom:36px;
  }
  .about-page .about-history-heading h2 {
    margin:0;
  }
  .about-history-controls {
    display:flex;
    align-items:center;
    flex-shrink:0;
    gap:12px;
  }
  .about-history-controls[hidden] {
    display:none;
  }
  .about-history-controls button {
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid #1769E0;
    border-radius:5px;
    background:#FFFFFF;
    color:#1769E0;
    cursor:pointer;
  }
  .about-history-controls button:hover:not(:disabled) {
    background:#1769E0;
    color:#FFFFFF;
  }
  .about-history-controls button:disabled {
    border-color:#DDE4EB;
    color:#7E8A94;
    cursor:default;
  }
  .about-history-controls svg {
    width:20px;
    height:20px;
  }
  .about-history-prev svg {
    transform:rotate(180deg);
  }
  .about-history-progress {
    width:78px;
    font-size:14px;
    font-variant-numeric:tabular-nums;
    text-align:center;
  }
  .about-history-carousel.is-ready .about-timeline-viewport {
    overflow:hidden;
  }
  .about-history-carousel.is-ready .about-timeline-viewport:focus-visible {
    outline:2px solid #1769E0;
    outline-offset:4px;
  }
  .about-history-carousel.is-ready .about-timeline {
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 84px) / 4);
    margin:0;
    transform:translateX(var(--history-offset, 0px));
    transition:transform 220ms ease;
  }
  .about-history-carousel.is-ready .about-timeline li {
    min-width:0;
    min-height:330px;
  }
}
@media (max-width:1050px) and (prefers-reduced-motion:reduce) {
  .about-history-carousel.is-ready .about-timeline {
    transition:none;
  }
}
@media (max-width:1050px) {
  .about-team {
    /* The preceding history section already contributes 64px. */
    padding-top:16px;
    padding-bottom:80px;
  }
  .about-team > .about-container {
    width:min(1160px, calc(100% - 48px));
  }
  .about-page #team-title {
    margin-bottom:16px;
  }
  .about-page .about-team-intro {
    margin:0;
    text-align:center;
  }
  .about-leadership {
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-template-rows:repeat(5, auto);
    column-gap:24px;
    row-gap:0;
    max-width:none;
    margin:36px 0 0;
  }
  /* Shared rows align long roles, signatures and actions without fixed heights. */
  .about-leadership > .about-person {
    display:grid;
    grid-template-rows:subgrid;
    grid-row:span 5;
    row-gap:0;
  }
  .about-leadership .about-person-caption {
    display:grid;
    grid-template-rows:subgrid;
    grid-row:span 4;
    row-gap:0;
    align-items:start;
  }
  .about-person-heading {
    justify-content:flex-start;
  }
  .about-page .about-person-role {
    flex:0 0 auto;
    min-height:0;
    margin-bottom:20px;
    font-weight:500;
  }
  .about-page .about-person-signature {
    display:block;
    flex:1;
    margin:0 0 18px;
    color:#000000;
    font-size:14px;
    line-height:1.6;
  }
  .about-person-footer {
    width:100%;
    padding-top:12px;
    border-top:1px solid #C5D5E1;
  }
}
@media (max-width:1050px) {
  .about-profile-heading {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:8px;
  }
  .about-profile-heading h2 {
    margin:0;
  }
  .about-profile-linkedin:not([hidden]) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:32px;
    height:32px;
    color:#1769E0;
  }
  .about-profile-linkedin:hover {
    color:#082E51;
  }
  .about-profile-linkedin:focus-visible {
    outline:2px solid #1769E0;
    outline-offset:3px;
  }
}