.about-page h2{font-size:clamp(2rem,3vw,2.9rem)}
.about-page h3{overflow-wrap:anywhere}
.about-page .about-hero{position:relative;isolation:isolate;background:#0c213a;color:#fff;overflow:hidden}
.about-page .about-hero::before{content:"";position:absolute;inset:-10px;z-index:-2;background:url("../images/apropos.jpeg") center / cover no-repeat;filter:blur(3px);pointer-events:none}
.about-page .about-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,rgba(0,49,158,.78),rgba(12,33,58,.72));pointer-events:none}
.about-page .about-hero h1{color:#fff;margin-top:24px}
.about-page .about-hero .eyebrow{color:#fff;margin-top:28px}
.about-page .about-back{color:#fff;font-size:.85rem}
.about-page .about-back:hover{color:#fff;text-decoration-thickness:2px}
.about-page .about-signature{font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.4;font-weight:700}
.about-page .about-signature em{font-style:normal;color:var(--sky)}
.about-page .about-hero .button{background:var(--orange);color:#191919}
.about-page .about-hero .button:hover{background:#fff;color:var(--deep)}
.about-page .about-emblem{position:relative;isolation:isolate;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px}
.about-page .about-emblem .orbit,.about-page .about-emblem .orbit-dot{top:50%}
.about-page .about-emblem-center{position:relative;width:150px;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}
.about-page .about-emblem-label{font-size:.65rem;letter-spacing:.18em;color:#e2e8f0}
.about-page .about-emblem strong{font-size:3rem;line-height:1.2;letter-spacing:.08em;margin:8px 0}
.about-page .about-emblem-center>span:last-child{font-size:.85rem}
@media(prefers-reduced-motion:no-preference){.about-page .about-emblem .orbit-dot{animation:holding-orbit var(--orbit-duration) linear infinite}}
.about-page .about-facts{margin:0;border-top:3px solid var(--orange)}
.about-page .about-facts>div{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.about-page .about-facts dt{font-size:.9rem;color:var(--muted)}
.about-page .about-facts dd{margin:0;font-size:2.5rem;font-weight:700;line-height:1.1;color:var(--deep)}
.about-page .about-purpose{height:100%;padding:8px 0 8px 26px;border-left:4px solid var(--orange)}
.about-page .about-purpose-blue{border-left-color:var(--blue)}
.about-page .about-purpose h3{font-size:1.4rem;color:var(--orange)}
.about-page .about-purpose p:last-child{margin-bottom:0;color: var(--deep);font-weight: bold;font-size: 22px;}
.about-page .about-card{height:100%;padding:30px;border:1px solid var(--line);border-radius:5px;background:#fff;transition:border-color .2s,transform .2s}
.about-page .about-card:hover,.about-page .about-card:focus-within{border-color:var(--blue);transform:translateY(-3px)}
.about-page .about-card h3{font-size:1.35rem;line-height:1.35;color:var(--deep);letter-spacing:-.02em}
.about-page .about-card p{font-size:.95rem;color:var(--muted);margin-bottom:0}
.about-page .about-number{display:block;font-size:.8rem;font-weight:700;color:var(--deep);margin-bottom:20px}
.about-page .about-axes .section-heading {
    justify-content: center;
}

.about-page .about-axes .section-heading > div {
    width: 100%;
    text-align: center;
}

/* Five equal-height steps keep the fixed markers aligned with each entry. */
.about-page .about-axes .about-timeline{
    --timeline-axis:50%;
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(5,minmax(0,1fr));
    column-gap:96px;
    row-gap:0;
    margin:0;
    --bs-gutter-x:0;
    --bs-gutter-y:0;
}
.about-page .about-axes .about-timeline::before{
    content:"";
    position:absolute;
    top:10%;
    bottom:10%;
    left:var(--timeline-axis);
    width:2px;
    transform:translateX(-50%);
    background:var(--line);
    pointer-events:none;
}
.about-page .about-axes .about-timeline::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle at var(--timeline-axis) 50%,var(--deep) 0 6px,#fff 6px 9px,transparent 9px),
        linear-gradient(to bottom,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px));
    background-size:100% 20%,48px 20%;
    background-position:0 0,center 0;
    background-repeat:repeat-y;
    pointer-events:none;
}
.about-page .about-axes .about-timeline>.about-timeline-item{
    position:relative;
    z-index:1;
    grid-column:2;
    display:flex;
    align-items:center;
    width:auto;
    max-width:none;
    min-width:0;
    margin:0;
    padding:32px 0;
    text-align:left;
}
.about-page .about-axes .about-timeline-item:nth-child(even){grid-column:1;text-align:right}
.about-page .about-axes .about-timeline-item:nth-child(1){grid-row:1}
.about-page .about-axes .about-timeline-item:nth-child(2){grid-row:2}
.about-page .about-axes .about-timeline-item:nth-child(3){grid-row:3}
.about-page .about-axes .about-timeline-item:nth-child(4){grid-row:4}
.about-page .about-axes .about-timeline-item:nth-child(5){grid-row:5}
.about-page .about-axes .about-axis{width:100%;min-width:0}
.about-page .about-axes .about-axis-number{
    display:inline-block;
    padding:8px 16px;
    margin-bottom:14px;
    border:1px solid #fd520066;
    border-radius:8px;
    background:#fff7ed;
    color:#9b3300;
    font-size:.85rem;
}
.about-page .about-axes .about-axis h3{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.3;color:var(--deep);margin-bottom:16px}
.about-page .about-axes .about-axis p{font-size:1rem;line-height:1.7;color:var(--muted);margin-bottom:0;overflow-wrap:anywhere}
@media(max-width:767px){
    .about-page .about-axes .about-timeline{--timeline-axis:12px;grid-template-columns:minmax(0,1fr);column-gap:0;padding-left:44px}
    .about-page .about-axes .about-timeline>.about-timeline-item{grid-column:1;text-align:left;padding:24px 0}
    .about-page .about-axes .about-timeline::after{
        background-image:radial-gradient(circle at var(--timeline-axis) 50%,var(--deep) 0 6px,#fff 6px 9px,transparent 9px);
        background-size:100% 20%;
        background-position:0 0;
    }
}
.about-page .about-activities{background:#0c213a;color:#fff}
.about-page .about-activities .section-heading{justify-content:center}
.about-page .about-activities .section-heading>div{width:100%;text-align:center}
.about-page .about-activities .eyebrow{color:var(--orange)}
.about-page .about-activities h2{color:#fff}
.about-page .about-pole-tabs:not([hidden]){display:flex;justify-content:center;gap:20px 32px;flex-wrap:wrap;margin-bottom:5px}
.about-page .about-pole-tabs button{appearance:none;background:none;border:0;border-bottom:3px solid transparent;padding:12px 0;color:#fff;font:inherit;cursor:pointer;transition:color .2s ease,border-bottom-color .2s ease}
.about-page .about-pole-tabs button[aria-selected="true"]{color:var(--orange);border-bottom-color:var(--orange)}
.about-page .about-pole-tabs button:focus-visible,.about-page .about-activities [role="tabpanel"]:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
.about-page .about-activities .row>.col-md-6{width:100%;min-width:0}
.about-page .about-activities [hidden]{display:none!important}
.about-page .about-activities .about-pole{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;background:transparent;border:0;border-radius:0;padding:24px 0;transform:none}
.about-page .about-activities .about-pole p{color:#fff;line-height:1.8}
.about-page .about-pole-copy{min-width:0}
.about-page .about-pole-image{width:100%;max-width:400px;aspect-ratio:3 / 2;margin-inline:auto;border-radius:18px;overflow:hidden}
.about-page .about-pole-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.about-page .about-activities .is-active{transition-delay:0s}
@media(max-width:767px){
    .about-page .about-pole-tabs:not([hidden]){display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:20px;overflow-x:auto;margin-bottom:10px;padding-bottom:6px}
    .about-page .about-pole-tabs button{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}
    .about-page .about-activities .about-pole{grid-template-columns:minmax(0,1fr);gap:28px;padding:16px 0}
}
@media(prefers-reduced-motion:reduce){.about-page .about-pole-tabs button{transition:none}}
@media print{
    .about-page .about-activities{background:#fff;color:#191919}
    .about-page .about-activities h2,.about-page .about-activities .about-pole p{color:#191919}
    .about-page .about-pole-tabs{display:none!important}
    .about-page .about-activities .row>[hidden]{display:block!important}
    .about-page .about-pole-image{display:none}
    .about-page .about-activities .about-pole{display:block}
}
.about-page .about-subheading{margin-top:50px;justify-content:center;text-align:center}
.about-page .about-commitments .about-subheading .about-purpose{border-left:0;padding-inline:0}
.about-page .about-opportunities{max-width:960px;margin-inline:auto;text-align:center;padding:28px;border:0;border-radius:0}
.about-page .about-opportunities h2{color:var(--deep);font-size:1.3rem;line-height:1.4}
.about-page .about-opportunities p:last-child{margin-bottom:0;font-size:.9rem;color:var(--muted)}
.about-page .about-commitments>.container{max-width:1100px;margin-inline:auto}
.about-page .about-commitments .section-heading{justify-content:center}
.about-page .about-commitments .section-heading>div{width:100%;text-align:center}
/* Direct row children reuse the existing scroll observer without nested reveals. */
.about-page .about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;margin:0 auto;--bs-gutter-x:0;--bs-gutter-y:0}
.about-page .about-values>div{width:auto;min-width:0;margin:0;padding:0}
.about-page .about-values .about-card{padding:32px;border:0;border-left:2px solid #E2BB06;border-radius:0;background:#fff;text-align:left;transform:none}
.about-page .about-values .about-number{color:var(--blue);margin-bottom:12px}
.about-page .about-values h3{font-size:clamp(1.05rem,1.8vw,1.3rem);margin:0 0 12px}
.about-page .about-values .about-card p{overflow-wrap:anywhere}
@media(max-width:767px){
    .about-page .about-values{grid-template-columns:minmax(0,1fr);gap:20px}
}
.about-page .about-leadership{background:#eff6ff}
.about-page .about-leadership-image{display:block;max-width:100%;height:auto;border-radius:18px}
.about-page .about-leadership h3{font-size:1.6rem;color:var(--deep)}
.about-page .about-role{font-size:.9rem;color:var(--muted)}
.about-page .about-contact{background:var(--deep);color:#fff}
.about-page .about-contact .row{justify-content:center}
.about-page .about-contact .col-lg-7{text-align:center}
.about-page .about-contact .eyebrow{color:#fff}
.about-page .row>.scroll-reveal:nth-child(2){transition-delay:.08s}
.about-page .row>.scroll-reveal:nth-child(3){transition-delay:.16s}
.about-page .row>.scroll-reveal:nth-child(4){transition-delay:.24s}
.about-page .row>.scroll-reveal:nth-child(5){transition-delay:.32s}
.about-page .scroll-reveal:focus-within{transition-delay:0s}
@media(max-width:575px){
    .about-page .about-hero{padding-top:40px}
    .about-page .about-emblem{min-height:280px}
    .about-page .about-emblem-center{width:120px}
    .about-page .about-emblem-label{font-size:.55rem;letter-spacing:.1em}
    .about-page .about-emblem strong{font-size:2.5rem;margin:5px 0}
    .about-page .about-emblem-center>span:last-child{font-size:.75rem}
    .about-page .about-card,.about-page .about-opportunities{padding:24px}
    .about-page .about-subheading{margin-top:32px}
    .about-page .about-purpose{padding-left:20px}
    .about-page .about-facts dd{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){
    .about-page .scroll-reveal{transition-delay:0s}
    .about-page .about-card:hover,.about-page .about-card:focus-within{transform:none}
}
@media print{
    .about-page .about-hero,.about-page .about-contact{background:#fff;color:#191919}
    .about-page .about-hero::before,.about-page .about-hero::after{display:none}
    .about-page .about-hero h1,.about-page .about-hero .eyebrow,.about-page .about-back,.about-page .about-contact .eyebrow{color:#191919}
    .about-page .about-emblem{display:none}
    .about-page .about-card,.about-page .about-purpose{break-inside:avoid}
    .about-page .scroll-reveal{transition-delay:0s}
    .about-page .about-axes .about-timeline{display:block;padding:0}
    .about-page .about-axes .about-timeline::before,.about-page .about-axes .about-timeline::after{display:none}
    .about-page .about-axes .about-timeline>.about-timeline-item{display:block;text-align:left;padding:16px 0;break-inside:avoid}
}