:root {
    --profile-navy: #0b2033;
    --profile-blue: #086b9f;
    --profile-blue-dark: #07577f;
    --profile-text: #172533;
    --profile-muted: #63717d;
    --profile-line: #dce2e6;
    --profile-soft: #f3f5f6;
}

.profile-page { min-width: 0; overflow-x: clip; background: #fff; color: var(--profile-text); }
.profile-subnav { position: sticky; top: 0; z-index: 30; width: 100%; max-width: 100vw; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid var(--profile-line); background: rgba(255,255,255,.97); scrollbar-width: none; backdrop-filter: blur(12px); }
.profile-subnav::-webkit-scrollbar { display: none; }
.profile-subnav__inner { box-sizing: border-box; width: max-content; min-width: 100%; margin-inline: 0; padding-inline: max(1rem, calc((100vw - var(--civic-shell)) / 2)); display: flex; align-items: center; }
.profile-subnav a { min-height: 52px; display: inline-flex; align-items: center; padding: .65rem 1rem; border-bottom: 2px solid transparent; color: var(--profile-muted); font-size: .73rem; font-weight: 700; text-decoration: none; }
.profile-subnav a:hover,.profile-subnav a.is-active { border-bottom-color: var(--profile-blue); color: var(--profile-blue-dark); }
.profile-back { display: inline-flex; min-height: 44px; align-items: center; gap: .4rem; color: var(--profile-blue-dark); font-size: .74rem; font-weight: 700; text-decoration: none; }
.profile-back .material-symbols-outlined { font-size: 1rem; }
.profile-empty { padding: 3rem 1rem; border: 1px solid var(--profile-line); background: #fff; text-align: center; color: var(--profile-muted); }
.profile-empty .material-symbols-outlined { font-size: 2.5rem; color: #9aabb5; }
.profile-empty h2 { margin-top: .75rem; color: var(--profile-text); font-family: "Plus Jakarta Sans",sans-serif; font-size: 1.2rem; font-weight: 700; }
.public-eyebrow { color: var(--profile-blue); }

/* Shared profile headers */
.vision-hero,.goals-hero,.history-hero,.org-hero { padding-block: 3.25rem; border-bottom: 1px solid var(--profile-line); background: #fff; color: var(--profile-text); }
.vision-hero__grid,.goals-hero__grid,.history-hero__grid,.org-hero__grid { display: grid; align-items: end; gap: clamp(3rem,7vw,7rem); grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); }
.vision-hero h1,.goals-hero h1,.history-hero h1,.org-hero h1 { max-width: 760px; margin-top: .8rem; font-family: "Plus Jakarta Sans",sans-serif; font-size: clamp(2.5rem,4.8vw,4.6rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.03; }
.vision-hero p,.goals-hero p,.history-hero__intro,.org-hero p { max-width: 570px; color: var(--profile-muted); font-family: inherit; font-size: .92rem; line-height: 1.8; }
.goals-hero__intro { max-width: 760px; margin-top: 1.25rem; color: var(--profile-muted); font-size: .9rem; line-height: 1.8; }

/* About */
.about-overview { padding-block: 3.5rem; border-bottom: 1px solid var(--profile-line); background: #fff; color: var(--profile-text); }
.about-overview .public-shell { max-width: calc(100vw - 2rem); }
.about-overview__grid { width: 100%; max-width: 100%; display: grid; align-items: stretch; gap: clamp(2.5rem,6vw,6rem); grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); }
.about-overview__grid > * { min-width: 0; }
.about-overview__content { width: 100%; max-width: 100%; display: flex; min-height: 410px; flex-direction: column; justify-content: center; padding-block: 1rem; }
.about-overview h1 { max-width: 720px; margin-top: .8rem; font-family: "Plus Jakarta Sans",sans-serif; font-size: clamp(2.5rem,4.8vw,4.6rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.04; }
.about-overview__copy { max-width: 680px; margin-top: 1.25rem; color: var(--profile-muted); font-size: .92rem; line-height: 1.85; }
.about-overview__media { position: relative; min-height: 410px; overflow: hidden; margin: 0; background: var(--profile-soft); }
.about-overview__media img { width: 100%; height: 100%; object-fit: cover; }
.about-overview__grid--text .about-overview__media { display: flex; }
.about-identity { width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(1.5rem,3vw,2.5rem); background: var(--profile-navy); color: #fff; }
.about-identity > span { color: #89c8e6; font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.about-identity strong { max-width: 100%; margin-top: auto; font-family: "Plus Jakarta Sans",sans-serif; font-size: clamp(2rem,3.4vw,3.5rem); letter-spacing: -.05em; line-height: 1.05; overflow-wrap: anywhere; }
.about-identity small { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.18); color: #c7d5de; font-size: .7rem; }

/* Vision, mission and goals */
.principles-hero{padding-block:2.5rem;border:0;background:var(--profile-navy);color:#fff}
.principles-hero .public-eyebrow{color:#8fd0ec;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.principles-hero h1{max-width:820px;margin-top:.45rem;color:#fff;font-size:clamp(2.5rem,4.6vw,4rem);line-height:1}
.principles-hero p{max-width:650px;margin-top:.7rem;color:#c5d3dc;font-size:.86rem;line-height:1.65}
.principles-content{padding-block:2.75rem 3.25rem;background:#f5f7f8}
.vision-statement{padding:0;border:0;background:transparent;color:var(--profile-text)}
.vision-statement__inner{display:grid;align-items:start;gap:clamp(1.5rem,4vw,4rem);grid-template-columns:150px minmax(0,1fr);padding-block:0 2rem;border-bottom:1px solid var(--profile-line)}
.vision-statement h2,.mission-head h2,.goals-head h2{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:750;letter-spacing:-.035em;line-height:1.15}
.vision-statement h2{padding-top:.25rem;color:var(--profile-blue-dark)}
.vision-statement blockquote{max-width:940px;margin:0;color:var(--profile-navy);font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:650;letter-spacing:-.03em;line-height:1.48}
.principles-grid{display:grid;align-items:start;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(2,minmax(0,1fr));padding-top:1.5rem}
.mission-section,.goals-section{min-width:0;padding:1.25rem 1.35rem;border:1px solid var(--profile-line);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(10,37,56,.04)}
.mission-head,.goals-head{display:block;margin-bottom:.85rem;padding-bottom:.8rem;border-bottom:2px solid var(--profile-navy)}
.mission-list,.goals-list{border:0}
.mission-item,.goal-item{display:grid;align-items:start;gap:.75rem;grid-template-columns:32px minmax(0,1fr);padding:.8rem 0;border-bottom:1px solid #e2e8eb}
.mission-item:last-child,.goal-item:last-child{padding-bottom:.15rem;border-bottom:0}
.mission-item__number,.goal-item__number{color:var(--profile-blue);font-family:"Plus Jakarta Sans",sans-serif;font-size:.68rem;font-weight:800;line-height:1.65}
.mission-item p,.goal-item p{min-width:0;margin:0;color:var(--profile-text);font-size:.82rem;line-height:1.65;overflow-wrap:anywhere}
.principles-empty{margin:0;color:var(--profile-muted);font-size:.8rem;line-height:1.6}

/* History */
.history-content { padding-block: 4rem 4.5rem; }
.history-content__head { display: grid; align-items: start; gap: clamp(2rem,6vw,6rem); grid-template-columns: minmax(240px,.72fr) minmax(0,1.28fr); padding-bottom: 2rem; border-bottom: 2px solid var(--profile-navy); }
.history-content__head--solo { grid-template-columns:1fr; }
.history-content .public-heading { max-width: 760px; font-family: "Plus Jakarta Sans",sans-serif; font-size: clamp(1.8rem,3vw,2.7rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; }
.history-description { max-width: 760px; margin: 0; color: var(--profile-muted); font-size: .9rem; line-height: 1.85; white-space: normal; }
.history-timeline { position: relative; margin-top: 2.25rem; padding-left: 115px; }
.history-timeline::before { position: absolute; left: 77px; top: 0; bottom: 0; width: 1px; content: ""; background: var(--profile-line); }
.history-event { position: relative; display: grid; align-items:start; gap: clamp(1.5rem,4vw,3rem); grid-template-columns: minmax(0,1fr) minmax(220px,300px); padding-bottom: 2.5rem; }
.history-event::before { position: absolute; left: -43px; top: .2rem; width: 9px; height: 9px; content: ""; border: 2px solid #fff; border-radius: 50%; background: var(--profile-blue); box-shadow: 0 0 0 1px var(--profile-blue); }
.history-event__year { position: absolute; left: -115px; top: -.1rem; color: var(--profile-blue-dark); font-family: "Plus Jakarta Sans",sans-serif; font-size: .9rem; font-weight: 700; }
.history-event h3 { font-family: "Plus Jakarta Sans",sans-serif; font-size: 1.15rem; font-weight: 700; letter-spacing: -.02em; line-height:1.4; }
.history-event p { margin-top: .55rem; color: var(--profile-muted); font-size: .86rem; line-height: 1.8; }
.history-event__image { min-height: 0; aspect-ratio: 16/10; overflow: hidden; border: 1px solid var(--profile-line); background: var(--profile-soft); }
.history-event__image img { width: 100%; height: 100%; object-fit: cover; }
.history-docs { padding-block: 4rem 4.5rem; border-top: 1px solid var(--profile-line); background: var(--profile-soft); }
.history-docs__head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.75rem; }
.history-docs__head h2 { font-family: "Plus Jakarta Sans",sans-serif; font-size: clamp(1.7rem,2.8vw,2.4rem); font-weight: 700; letter-spacing: -.035em; }
.history-docs__head > span { color: var(--profile-muted); font-size: .7rem; }
.history-docs__grid { display: grid; border-top: 1px solid #c9d1d6; }
.history-doc { display: grid; align-items: center; gap: 1rem; grid-template-columns: 110px minmax(0,1fr); padding-block: .85rem; border-bottom: 1px solid #c9d1d6; background: transparent; }
.history-doc__media { width: 110px; aspect-ratio: 16/10; overflow: hidden; background: #dfe5e8; }
.history-doc__media img { width: 100%; height: 100%; object-fit: cover; }
.history-doc__media > .material-symbols-outlined { width: 100%; height: 100%; display: grid; place-items: center; color: #8fa1ab; font-size: 1.8rem; }
.history-doc__body { display: grid; align-items: center; gap: .75rem; grid-template-columns: minmax(0,1fr) auto; padding: 0; }
.history-doc h3 { font-size: .82rem; font-weight: 700; line-height: 1.45; }
.history-doc__meta { color: var(--profile-muted); font-size: .66rem; }
.history-doc a { min-height: 44px; display: inline-flex; align-items: center; gap: .3rem; color: var(--profile-blue-dark); font-size: .7rem; font-weight: 700; text-decoration: none; }
.history-doc a .material-symbols-outlined { font-size: .95rem; }
.history-doc__actions { display:flex;align-items:center;gap:.35rem; }
.history-doc__actions a { min-height:38px;padding:.4rem .55rem;border:1px solid #c9d1d6;background:#fff; }
.history-leaders { padding-block:4rem 4.5rem;border-top:1px solid var(--profile-line);background:#fff; }
.history-leaders__head { display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:end;margin-bottom:1.8rem; }
.history-leaders__head h2 { margin-top:.45rem;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-.035em; }
.history-leaders__head p { color:var(--profile-muted);font-size:.82rem;line-height:1.75; }
.history-leaders__grid { display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); }
.history-leader-card { min-width:0;border:1px solid var(--profile-line);background:var(--profile-soft); }
.history-leader-card__photo { aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;background:#dfe6ea;color:#8799a4; }
.history-leader-card__photo img { width:100%;height:100%;object-fit:cover; }
.history-leader-card__photo .material-symbols-outlined { font-size:3rem; }
.history-leader-card__body { padding:1rem; }
.history-leader-card__body p { color:var(--profile-blue-dark);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase; }
.history-leader-card__body h3 { margin-top:.45rem;font-size:.88rem;font-weight:750;line-height:1.45; }
.history-leader-card__body span { display:block;margin-top:.25rem;color:var(--profile-muted);font-size:.7rem;line-height:1.5; }
.goals-section__intro { max-width:760px;margin:0 0 1.5rem;color:var(--profile-muted);font-size:.88rem;line-height:1.8; }

/* Organization */
.org-hero--visual{padding-block:2.5rem;border:0;background:var(--profile-navy);color:#fff}
.org-hero--visual .org-hero__grid{align-items:center;gap:clamp(2rem,6vw,6rem)}
.org-hero--visual .public-eyebrow{color:#8fd0ec;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.org-hero--visual h1{margin-top:.45rem;color:#fff;font-size:clamp(2.7rem,4.8vw,4.2rem);line-height:1}
.org-hero--visual p{padding-left:1.1rem;border-left:2px solid rgba(143,208,236,.65);color:#c6d4dd;font-size:.86rem;line-height:1.7}
.org-content{padding-block:2.75rem 3.5rem;background:linear-gradient(180deg,#f3f6f7,#fff)}
.org-chart{overflow:hidden;border:1px solid #d4e0e5;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(8,35,53,.08)}
.org-chart__toolbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #dce5e9;background:#fff}
.org-chart__toolbar>div{display:grid;gap:.15rem}
.org-chart__toolbar .public-eyebrow{font-size:.54rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.org-chart__toolbar strong{color:var(--profile-navy);font-size:.78rem}
.org-chart__toolbar button{min-height:38px;display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border:1px solid #cfdbe0;border-radius:8px;background:#fff;color:#18384c;font-size:.68rem;font-weight:750;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.org-chart__toolbar button:hover{border-color:#87b7cb;box-shadow:0 7px 18px rgba(8,50,73,.1);transform:translateY(-1px)}
.org-chart__toolbar button .material-symbols-outlined{font-size:1rem}
.org-chart__body{overflow:auto;padding:2rem 1.25rem 2.5rem;background-color:#f9fbfc;background-image:radial-gradient(rgba(17,91,124,.12) .7px,transparent .7px);background-size:18px 18px;scrollbar-color:#aabfc9 transparent}
.org-chart__body:fullscreen{padding:2.5rem;background-color:#f9fbfc}
.org-chart__body:fullscreen .pub-org{margin-inline:auto}
.org-hint{display:none;align-items:center;gap:.3rem;margin:0 0 .8rem;color:var(--profile-muted);font-size:.65rem}
.pub-org{width:max-content;min-width:1040px;margin-inline:auto;padding:.25rem .5rem 1rem;color:var(--profile-text)}
.pub-org ol{margin:0;padding:0;list-style:none}
.pub-org__level{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:1.15rem}
.pub-org__level--0{flex-direction:column;align-items:center}
.pub-org__level--1{padding-top:1.6rem}
.pub-org__level--1::before{position:absolute;top:0;right:16.66%;left:16.66%;height:2px;content:"";background:#8daebb}
.pub-org__branch{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center}
.pub-org__level--1>.pub-org__branch{width:326px}
.pub-org__connector{position:relative;z-index:1;width:2px;height:1.35rem;flex:0 0 1.35rem;margin-top:.2rem;background:#8daebb}
.pub-org__node{width:100%;min-width:0;display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1px solid #cbd9df;border-radius:10px;background:#fff;text-align:left;box-shadow:0 5px 16px rgba(10,45,64,.055)}
.pub-org__node strong{display:block;overflow-wrap:anywhere;font-size:.7rem;line-height:1.35}
.pub-org__identity{min-width:0;flex:1}
.pub-org__identity>span{display:block;margin-top:.14rem;color:#637785;font-size:.52rem;line-height:1.35;text-transform:uppercase}
.pub-org__avatar{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;overflow:hidden;margin:0!important;border:1px solid #c9d9e0;border-radius:50%;background:#e7f1f5;color:#176689;font-size:.58rem!important;font-weight:800}
.pub-org__avatar img{width:100%;height:100%;object-fit:cover}
.pub-org__node--level-1{position:relative;z-index:2;width:280px;padding:.9rem 1rem;border:1px solid #21475d;border-top:3px solid #e7b74f;background:linear-gradient(145deg,#0d2d42,#071f31);color:#fff;box-shadow:0 15px 34px rgba(5,28,43,.2)}
.pub-org__node--level-1 strong{font-size:.83rem}
.pub-org__node--level-1 .pub-org__identity>span{color:#bad0dc}
.pub-org__node--level-1 .pub-org__avatar{width:42px;height:42px;flex-basis:42px;border:2px solid rgba(255,255,255,.5);background:#1b4b66;color:#fff;font-size:.68rem!important}
.pub-org__node--unit{min-height:62px;padding:.7rem .85rem;border-color:#c8dbe4;border-top:3px solid #167ba7;background:linear-gradient(135deg,#eef7fa,#f9fcfd);color:#10354a}
.pub-org__unit-icon{width:30px;height:30px;display:grid!important;place-items:center;flex:0 0 30px;margin:0!important;border-radius:8px;background:#dbeef5;color:#12698e!important;font-size:1.05rem!important}
.pub-org__node--unit .pub-org__kicker{display:block;margin:0 0 .08rem;color:#66808d;font-size:.48rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.pub-org__node--unit strong{font-size:.67rem;letter-spacing:.025em;text-transform:uppercase}
.pub-org__node--level-3{min-height:68px;border-top:3px solid #1b86b4;background:#fff}
.pub-org__node--level-3 .pub-org__avatar{width:36px;height:36px;flex-basis:36px}
.pub-org__level--staff{display:grid;width:326px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding-top:.85rem}
.pub-org__level--staff .pub-org__node{min-height:64px;align-items:flex-start;padding:.55rem;background:rgba(255,255,255,.94)}
.pub-org__level--staff .pub-org__node strong{font-size:.6rem}
.pub-org__level--staff .pub-org__identity>span{font-size:.45rem}
.pub-org__level--staff .pub-org__avatar{width:26px;height:26px;flex-basis:26px;font-size:.5rem!important}

/* Organizational chart motion: reinforces hierarchy without changing layout. */
@media (prefers-reduced-motion:no-preference){
    .org-chart.org-motion-ready{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.72,.25,1),box-shadow .55s ease}
    .org-chart.org-motion-ready.is-visible{opacity:1;transform:none}
    .org-chart.org-motion-ready .pub-org__level--0>.pub-org__branch>.pub-org__node{opacity:0;transform:translateY(-12px) scale(.97);transition:opacity .5s .14s ease,transform .65s .14s cubic-bezier(.2,.75,.25,1)}
    .org-chart.org-motion-ready.is-visible .pub-org__level--0>.pub-org__branch>.pub-org__node{opacity:1;transform:none}
    .org-chart.org-motion-ready .pub-org__level--0>.pub-org__branch>.pub-org__connector{transform:scaleY(0);transform-origin:top;transition:transform .35s .48s ease}
    .org-chart.org-motion-ready.is-visible .pub-org__level--0>.pub-org__branch>.pub-org__connector{transform:scaleY(1)}
    .org-chart.org-motion-ready .pub-org__level--1::before{transform:scaleX(0);transform-origin:center;transition:transform .48s .68s ease}
    .org-chart.org-motion-ready.is-visible .pub-org__level--1::before{transform:scaleX(1)}
    .org-chart.org-motion-ready .pub-org__level--1>.pub-org__branch{opacity:0;transform:translateY(16px);transition:opacity .48s ease,transform .6s cubic-bezier(.2,.72,.25,1)}
    .org-chart.org-motion-ready .pub-org__level--1>.pub-org__branch:nth-child(1){transition-delay:.78s}
    .org-chart.org-motion-ready .pub-org__level--1>.pub-org__branch:nth-child(2){transition-delay:.9s}
    .org-chart.org-motion-ready .pub-org__level--1>.pub-org__branch:nth-child(3){transition-delay:1.02s}
    .org-chart.org-motion-ready.is-visible .pub-org__level--1>.pub-org__branch{opacity:1;transform:none}
    .org-chart.org-motion-ready .pub-org__level--staff>.pub-org__branch{opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.72,.25,1)}
    .org-chart.org-motion-ready.is-visible .pub-org__level--staff>.pub-org__branch{opacity:1;transform:none}
    .org-chart.org-motion-ready.is-visible .pub-org__level--staff>.pub-org__branch:nth-child(1),.org-chart.org-motion-ready.is-visible .pub-org__level--staff>.pub-org__branch:nth-child(2){transition-delay:1.12s}
    .org-chart.org-motion-ready.is-visible .pub-org__level--staff>.pub-org__branch:nth-child(3),.org-chart.org-motion-ready.is-visible .pub-org__level--staff>.pub-org__branch:nth-child(4){transition-delay:1.2s}
    .org-chart.org-motion-ready.is-visible .pub-org__level--staff>.pub-org__branch:nth-child(n+5){transition-delay:1.28s}
    .pub-org__node{transition:border-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.72,.25,1)}
    .pub-org__node:hover{z-index:2;border-color:#78adc3;box-shadow:0 12px 28px rgba(10,58,80,.14);transform:translateY(-3px)}
    .pub-org__node--level-1:hover{border-color:#e7b74f;box-shadow:0 20px 42px rgba(5,28,43,.27)}
    .pub-org__avatar img{transition:transform .45s cubic-bezier(.2,.72,.25,1)}
    .pub-org__node:hover .pub-org__avatar img{transform:scale(1.08)}
    .org-chart.is-visible .org-hint .material-symbols-outlined{animation:org-swipe-hint .8s ease-in-out 2 alternate}
}
@keyframes org-swipe-hint{to{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){
    .org-chart,.pub-org__branch,.pub-org__node,.pub-org__connector,.pub-org__level--1::before{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}

@media (max-width: 900px) {
    .about-overview__grid,.vision-hero__grid,.history-hero__grid,.org-hero__grid,.goals-hero__grid { grid-template-columns: minmax(0,1fr); }
    .about-overview__content { min-height: 0; }
    .about-overview__media { min-height: 380px; }
    .vision-statement__inner { grid-template-columns: 120px minmax(0,1fr); }
    .principles-grid { grid-template-columns:1fr; }
    .history-event { grid-template-columns: 1fr; }
    .history-content__head { grid-template-columns:1fr; gap:1rem; }
}

@media (max-width: 600px) {
    .profile-subnav__inner::after { content: ""; flex: 0 0 1rem; }
    .profile-subnav a { padding-inline: .8rem; font-size: .69rem; }
    .vision-hero,.history-hero,.goals-hero { padding-block: 3.5rem; }
    .vision-hero h1,.goals-hero h1,.history-hero h1,.org-hero h1,.about-overview h1 { max-width:100%;font-size:clamp(2rem,10vw,2.35rem);overflow-wrap:anywhere;text-wrap:wrap; }
    .about-overview { padding-top: 2.75rem; }
    .about-overview .public-shell { width: calc(100vw - 2rem); max-width: calc(100vw - 2rem); }
    .about-overview__grid { gap: 1.8rem; }
    .about-overview__content { width: calc(100vw - 2rem); max-width: calc(100vw - 2rem); padding-block: 0; }
    .about-overview h1,.about-overview__copy { width: 100%; max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; }
    .about-overview__copy { font-size:.86rem;line-height:1.8; }
    .about-overview__media { width: calc(100vw - 2rem); max-width: calc(100vw - 2rem); min-height: 0; aspect-ratio: 4/3; }
    .about-identity { max-width: 100%; overflow: hidden; }
    .about-identity strong,.about-identity small { white-space: normal; overflow-wrap: anywhere; }
    .about-overview__grid--text .about-overview__media { aspect-ratio: 4/3; }
    .history-content,.history-docs { padding-block: 3.5rem; }
    .principles-hero { padding-block:2rem; }
    .principles-content { padding-block:2rem 2.5rem; }
    .vision-statement__inner { gap:.65rem;grid-template-columns:1fr;padding-bottom:1.5rem; }
    .vision-statement blockquote { font-size:1.25rem; }
    .principles-grid { padding-top:1rem; }
    .mission-section,.goals-section { padding:1rem; }
    .mission-item,.goal-item { gap:.55rem;grid-template-columns:28px minmax(0,1fr);padding:.7rem 0; }
    .history-timeline { padding-left: 65px; }
    .history-timeline::before { left: 41px; }
    .history-event::before { left: -29px; }
    .history-event__year { left: -65px; font-size: .75rem; }
    .history-doc { grid-template-columns: 84px minmax(0,1fr); }
    .history-doc__media { width: 84px; }
    .history-doc__body { align-items: start; grid-template-columns: 1fr; }
    .history-doc a { justify-self: start; }
    .history-doc__actions { flex-wrap:wrap; }
    .history-leaders__head { grid-template-columns:1fr;gap:.75rem; }
    .org-hint { display: flex; }
    .org-hero--visual { padding-block:2rem; }
    .org-hero--visual .org-hero__grid { gap:1rem; }
    .org-hero--visual h1 { font-size:clamp(2.3rem,11vw,3rem); }
    .org-hero--visual p { padding-left:.8rem;font-size:.8rem; }
    .org-content { padding-block:2rem 2.5rem; }
    .org-chart__toolbar { align-items:flex-start; }
    .org-chart__toolbar strong { font-size:.72rem; }
    .org-chart__toolbar button { flex:0 0 auto; }
    .org-chart__body { padding:1.25rem .75rem 1.75rem; }
    .pub-org { min-width: 820px; }
    .pub-org__level { gap: .85rem; }
    .pub-org__level--1 > .pub-org__branch { width: 264px; }
    .pub-org__level--staff { width: 264px; grid-template-columns: repeat(2,minmax(124px,1fr)); }
}
.about-overview__media picture{display:block;width:100%;height:100%}

@media (min-width: 768px) {
    .profile-subnav__inner { padding-inline: max(1.5rem, calc((100vw - var(--civic-shell)) / 2)); }
}

/* History experience */
.history-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(3.25rem,5.5vw,5rem);border:0;background:#0a2538;color:#fff}
.history-hero::after{position:absolute;inset:auto 0 0;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(242,181,68,.75),transparent)}
.history-hero__grid{display:grid;align-items:end;gap:clamp(2.5rem,7vw,7rem);grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr)}
.history-hero__copy{max-width:780px}
.history-hero__eyebrow{display:inline-flex;align-items:center;gap:.65rem;color:#b9dbea;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.history-hero__eyebrow>span{width:28px;height:2px;background:var(--brand-gold,#f2b544)}
.history-hero h1{max-width:780px;margin-top:.75rem;color:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2.75rem,5.4vw,5.1rem);font-weight:750;letter-spacing:-.06em;line-height:.98;text-wrap:balance}
.history-hero__intro{max-width:620px;margin-top:1rem;color:#c8d5de;font-size:clamp(.86rem,1.1vw,.96rem);line-height:1.72}
.history-hero__summary{display:grid;border-top:1px solid rgba(255,255,255,.24)}
.history-hero__summary>div{display:grid;gap:.2rem;padding:.78rem 0;border-bottom:1px solid rgba(255,255,255,.14);grid-template-columns:minmax(88px,.7fr) 1fr;align-items:baseline}
.history-hero__summary strong{color:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;letter-spacing:-.04em}
.history-hero__summary span{color:#aebdca;font-size:.65rem;font-weight:650;letter-spacing:.035em;text-transform:uppercase}
.history-content{padding-block:clamp(3.25rem,5vw,4.5rem);background:linear-gradient(180deg,#fff 0%,#f7f9fa 100%)}
.history-content__head{gap:clamp(1.5rem,5vw,5rem);padding-bottom:1.6rem;border:0;grid-template-columns:minmax(280px,.72fr) minmax(0,1.1fr)}
.history-content__head .public-eyebrow,.history-leaders__head .public-eyebrow,.history-docs__head .public-eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.history-content .public-heading{margin-top:.45rem;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:750;letter-spacing:-.05em;line-height:1.1;text-wrap:balance}
.history-description{padding-left:1.1rem;border-left:2px solid #c6dbe5;font-size:.86rem;line-height:1.75}
.history-timeline{position:relative;margin-top:.5rem;padding:0}
.history-timeline::before{left:29px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,#0a74aa,#b8d4e0 92%,transparent)}
.history-event{position:relative;display:grid;gap:.75rem;grid-template-columns:58px minmax(0,1fr);padding:0 0 .85rem}
.history-event::before{display:none}
.history-event__marker{position:relative;z-index:2;grid-column:1;display:flex;justify-content:center;padding-top:1.1rem}
.history-event__marker::before{position:absolute;top:1.45rem;left:50%;width:13px;height:13px;content:"";border:3px solid #fff;border-radius:50%;background:var(--profile-blue);box-shadow:0 0 0 2px #77abc3,0 5px 16px rgba(8,107,159,.25);transform:translateX(-50%)}
.history-event__marker span{position:absolute;top:2.55rem;left:50%;padding:.18rem .38rem;border-radius:999px;background:#eaf4f8;color:var(--profile-blue-dark);font-family:"Plus Jakarta Sans",sans-serif;font-size:.61rem;font-weight:800;transform:translateX(-50%)}
.history-event__card{grid-column:2;display:grid;overflow:hidden;border:1px solid #dbe4e8;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(7,32,51,.055);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.history-event__card--with-image{grid-template-columns:minmax(0,1fr) minmax(180px,230px)}
.history-event--reverse .history-event__card{grid-column:2;grid-row:1}
.history-event--reverse .history-event__marker span{right:auto;left:50%}
.history-event__card:hover{border-color:#b9d4df;transform:translateY(-3px);box-shadow:0 22px 55px rgba(7,32,51,.12)}
.history-event__copy{padding:1.05rem 1.2rem}
.history-event__number{display:block;margin-bottom:.45rem;color:#91a8b4;font-size:.58rem;font-weight:800;letter-spacing:.12em}
.history-event h3{font-size:1.02rem;font-weight:750;letter-spacing:-.025em;line-height:1.35}
.history-event p{margin-top:.4rem;font-size:.79rem;line-height:1.62}
.history-event__image{height:100%;min-height:140px;margin:0;overflow:hidden;border:0;border-left:1px solid #e2e8eb;background:#e9eef0}
.history-event__image img{transition:transform .6s cubic-bezier(.2,.75,.25,1)}
.history-event__card:hover .history-event__image img{transform:scale(1.035)}
.history-leaders{padding-block:clamp(3.5rem,5.5vw,5rem);border:0;background:#071c2d;color:#fff}
.history-leaders__head{gap:clamp(1.5rem,5vw,5rem);margin-bottom:1.6rem}
.history-leaders__head .public-eyebrow{color:#7fc3df}
.history-leaders__head h2{max-width:640px;margin-top:.45rem;color:#fff;font-size:clamp(1.9rem,3.4vw,2.85rem);font-weight:750;letter-spacing:-.05em;line-height:1.1;text-wrap:balance}
.history-leaders__head p{max-width:520px;color:#aebfcb;font-size:.84rem;line-height:1.7}
.history-leaders__grid{gap:.75rem;grid-template-columns:repeat(5,minmax(0,1fr))}
.history-leader-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#0b263a;box-shadow:0 10px 28px rgba(0,0,0,.13);transition:transform .3s ease,border-color .3s ease}
.history-leader-card:hover{border-color:rgba(127,195,223,.52);transform:translateY(-5px)}
.history-leader-card__photo{position:relative;aspect-ratio:4/4.25;background:linear-gradient(145deg,#163c55,#0b263a);color:#62859a}
.history-leader-card__photo::after{position:absolute;inset:auto 0 0;height:35%;content:"";background:linear-gradient(transparent,rgba(7,28,45,.78))}
.history-leader-card__photo img{filter:saturate(.88);transition:filter .35s ease,transform .55s ease}
.history-leader-card:hover .history-leader-card__photo img{filter:saturate(1);transform:scale(1.025)}
.history-leader-card__body{padding:.8rem .85rem .9rem}
.history-leader-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.history-leader-card__body .history-leader-card__meta p{color:#7fc3df;font-size:.61rem;letter-spacing:.08em}
.history-leader-card__meta>span{margin:0;color:#668195;font-size:.6rem;font-weight:800;letter-spacing:.08em}
.history-leader-card__body h3{margin-top:.45rem;color:#fff;font-size:.82rem;line-height:1.35}
.history-leader-card__body small{display:block;margin-top:.3rem;color:#9fb3c0;font-size:.68rem;line-height:1.55}
.history-docs{padding-block:clamp(3.25rem,5vw,4.5rem);border:0;background:#eef3f5}
.history-docs__head{margin-bottom:1.35rem}
.history-docs__head h2{margin-top:.4rem;font-size:clamp(1.8rem,3.2vw,2.65rem);font-weight:750;letter-spacing:-.05em}
.history-docs__head>span{padding:.45rem .7rem;border:1px solid #cad7dc;border-radius:999px;background:#fff;color:#536a78;font-weight:700}
.history-docs__grid{gap:.75rem;border:0}
.history-doc{gap:1.2rem;grid-template-columns:118px minmax(0,1fr);padding:1rem;border:1px solid #d8e2e6;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(7,32,51,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.history-doc:hover{border-color:#b5cfda;transform:translateY(-2px);box-shadow:0 15px 38px rgba(7,32,51,.08)}
.history-doc__media{width:118px;border-radius:9px;background:linear-gradient(145deg,#dce8ed,#edf3f5)}
.history-doc__media>.material-symbols-outlined{color:#5587a0;font-size:2rem}
.history-doc__body{gap:1.2rem}
.history-doc__meta{color:var(--profile-blue-dark);font-size:.61rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.history-doc h3{margin-top:.35rem;font-size:.9rem;line-height:1.45}
.history-doc__description{display:-webkit-box;overflow:hidden;margin-top:.35rem;color:var(--profile-muted);font-size:.7rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.history-doc__actions a{min-height:40px;justify-content:center;border-color:#d3dfe4;border-radius:8px;color:#143a52}
.history-doc__actions a:first-child{padding-inline:.8rem;background:#0b2940;color:#fff}
.history-doc__actions a:last-child{padding-inline:.7rem}
.history-hero__copy{position:relative;padding-left:1.25rem}
.history-hero__copy::before{position:absolute;top:.15rem;bottom:.1rem;left:0;width:3px;content:"";border-radius:999px;background:linear-gradient(180deg,var(--brand-gold,#f2b544),rgba(242,181,68,.08))}
.history-hero__summary{overflow:hidden;padding-inline:1rem;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0d2c42;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.history-content__head,.history-leaders__head,.history-docs__head{position:relative;isolation:isolate;overflow:hidden}
.history-event__card{border-left:3px solid #1a86b7}
.history-event__number{width:max-content;padding:.24rem .45rem;border-radius:5px;background:#e8f3f7;color:#0d658e;letter-spacing:.08em;text-transform:uppercase}
.history-event__marker::before{width:15px;height:15px;border-width:4px;box-shadow:0 0 0 2px #77abc3,0 7px 18px rgba(8,107,159,.3)}
.history-event__marker span{border:1px solid #c9e0e9;background:#fff;box-shadow:0 5px 12px rgba(7,42,64,.08)}
.history-event__image{position:relative}
.history-event__image::after{position:absolute;inset:0;content:"";box-shadow:inset 20px 0 28px -30px rgba(5,31,47,.55);pointer-events:none}
.history-leader-card::before{position:absolute;z-index:2;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,#f2b544,#4a9fc5)}
.history-leader-card__meta>span{min-width:24px;min-height:24px;display:grid;place-items:center;border:1px solid rgba(127,195,223,.2);border-radius:50%;background:rgba(127,195,223,.06)}
.history-doc{border-left:3px solid #1680af}
.history-motion [data-history-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.history-motion [data-history-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1100px){
    .history-leaders__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:900px){
    .history-hero__grid{grid-template-columns:1fr}
    .history-hero__summary{max-width:620px;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.05)}
    .history-hero__summary>div{display:block;padding:1rem;border:0}
    .history-hero__summary>div+div{border-left:1px solid rgba(255,255,255,.14)}
    .history-hero__summary span{display:block;margin-top:.3rem}
    .history-content__head{grid-template-columns:1fr;gap:1.2rem}
    .history-timeline::before{left:21px}
    .history-event{grid-template-columns:44px minmax(0,1fr);padding-bottom:1.25rem}
    .history-event__marker{grid-column:1;padding-top:1rem}
    .history-event__marker::before{top:1.35rem}
    .history-event__marker span,.history-event--reverse .history-event__marker span{position:relative;top:auto;right:auto;left:auto;align-self:flex-start;margin:2.25rem 0 0;padding:.25rem .4rem;font-size:.62rem}
    .history-event__card,.history-event--reverse .history-event__card{grid-column:2;grid-row:1}
    .history-event__card--with-image{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}
    .history-leaders__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:600px){
    .history-hero{padding-block:2.65rem}
    .history-hero h1{font-size:clamp(2.5rem,13vw,3.7rem)}
    .history-hero__summary{grid-template-columns:repeat(3,minmax(0,1fr))}
    .history-hero__summary>div{display:block;min-width:0;padding:.7rem .55rem;border-bottom:0}
    .history-hero__summary>div+div{border-top:0;border-left:1px solid rgba(255,255,255,.14)}
    .history-hero__summary strong{font-size:1rem;white-space:nowrap}
    .history-hero__summary span{display:block;margin-top:.25rem;font-size:.53rem;line-height:1.35}
    .history-content,.history-leaders,.history-docs{padding-block:3rem}
    .history-description{padding-left:1rem}
    .history-event{grid-template-columns:34px minmax(0,1fr)}
    .history-timeline::before{left:16px}
    .history-event__marker::before{width:11px;height:11px;top:1.25rem}
    .history-event__marker span,.history-event--reverse .history-event__marker span{margin-top:2.1rem;writing-mode:vertical-rl;transform:rotate(180deg)}
    .history-event__copy{padding:1.15rem}
    .history-event__card--with-image{grid-template-columns:1fr}
    .history-event__image{height:auto;min-height:0;aspect-ratio:16/8;border-top:1px solid #e2e8eb;border-left:0}
    .history-leaders__grid{display:flex;overflow-x:auto;gap:.85rem;margin-inline:-1rem;padding:0 1rem .5rem;scroll-snap-type:x mandatory;scrollbar-width:none}
    .history-leaders__grid::-webkit-scrollbar{display:none}
    .history-leader-card{min-width:min(64vw,235px);scroll-snap-align:start}
    .history-doc{grid-template-columns:72px minmax(0,1fr);gap:.8rem;padding:.8rem}
    .history-doc__media{width:72px}
    .history-doc__body{grid-template-columns:1fr}
    .history-doc__actions{justify-content:flex-start}
}

@media(prefers-reduced-motion:reduce){
    .history-motion [data-history-reveal]{opacity:1;transform:none;transition:none}
    .history-event__card,.history-leader-card,.history-doc{transition:none}
}

/* History compact visual revision */
.history-hero{padding-block:2.35rem}
.history-hero__grid{align-items:center;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,1fr) minmax(390px,430px)}
.history-hero__copy{padding-left:1rem}
.history-hero h1{margin-top:.45rem;font-size:clamp(2.7rem,4.6vw,4.25rem);line-height:1}
.history-hero__intro{max-width:590px;margin-top:.75rem;font-size:.86rem;line-height:1.65}
.history-hero__summary{width:100%;display:grid;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:10px}
.history-hero__summary>div{min-width:0;min-height:88px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:.25rem;padding:.8rem .9rem;border:0}
.history-hero__summary>div+div{border-left:1px solid rgba(255,255,255,.13)}
.history-hero__summary strong{font-size:1.15rem;white-space:nowrap}
.history-hero__summary span{font-size:.53rem;line-height:1.35}

.history-timeline{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.75rem}
.history-timeline::before{display:none}
.history-event,.history-event--reverse{position:relative;display:block;min-width:0;padding:0}
.history-event__marker{position:absolute;z-index:4;top:.8rem;left:.8rem;display:block;padding:0}
.history-event__marker::before{display:none}
.history-event__marker span,.history-event--reverse .history-event__marker span{position:static!important;display:inline-flex;min-height:30px;align-items:center;padding:.35rem .6rem;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:rgba(7,37,56,.92);box-shadow:0 8px 20px rgba(0,0,0,.2);color:#fff;font-size:.72rem;letter-spacing:.03em;writing-mode:horizontal-tb!important;transform:none!important;backdrop-filter:blur(8px)}
.history-event__card,.history-event--reverse .history-event__card,.history-event__card--with-image{height:100%;display:flex;grid-column:auto;grid-row:auto;flex-direction:column;border:1px solid #d9e3e7;border-top:3px solid #1680af;border-left:1px solid #d9e3e7;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(7,32,51,.07)}
.history-event__image{order:-1;width:100%;height:auto;min-height:0;aspect-ratio:16/8.7;border:0;border-bottom:1px solid #e0e8eb}
.history-event__image::after{background:linear-gradient(180deg,rgba(4,25,39,.08),rgba(4,25,39,.46))}
.history-event__copy{flex:1;padding:1rem 1.05rem 1.1rem}
.history-event__number{display:none}
.history-event h3{font-size:1rem;line-height:1.35}
.history-event p{margin-top:.45rem;font-size:.75rem;line-height:1.6}

@media(max-width:900px){
    .history-hero{padding-block:2.4rem}
    .history-hero__grid{gap:1.5rem;grid-template-columns:1fr}
    .history-hero__summary{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
    .history-hero__summary>div{min-height:72px;display:flex;padding:.65rem .75rem}
    .history-hero__summary>div+div{border-top:0;border-left:1px solid rgba(255,255,255,.13)}
    .history-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
    .history-event__card,.history-event--reverse .history-event__card{grid-column:auto;grid-row:auto}
}

@media(max-width:600px){
    .history-hero{padding-block:2.1rem}
    .history-hero h1{font-size:clamp(2.35rem,12vw,3.15rem)}
    .history-hero__summary>div{min-height:64px;padding:.55rem .5rem}
    .history-hero__summary strong{font-size:.94rem}
    .history-hero__summary span{font-size:.49rem}
    .history-timeline{display:flex;overflow-x:auto;gap:.75rem;margin-inline:-1rem;padding:0 1rem .65rem;scroll-padding-inline:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}
    .history-timeline::-webkit-scrollbar{display:none}
    .history-event,.history-event--reverse{min-width:min(80vw,305px);scroll-snap-align:start}
    .history-event__copy{padding:.9rem .95rem 1rem}
}

/* Compact document archive */
.history-docs{padding-block:2.75rem 3rem}
.history-docs__head{min-height:64px;align-items:center;margin-bottom:1rem}
.history-docs__head h2{margin-top:.25rem;font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.1}
.history-docs__head>span{min-height:30px;display:inline-flex;align-items:center;padding:.3rem .55rem;font-size:.61rem;white-space:nowrap}
.history-docs__grid{display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.history-doc{min-width:0;min-height:88px;display:grid;align-items:center;gap:.7rem;grid-template-columns:46px minmax(0,1fr);padding:.65rem .7rem;border-left:2px solid #1680af;border-radius:10px;box-shadow:0 6px 18px rgba(7,32,51,.045)}
.history-doc__media{width:46px;aspect-ratio:1;border-radius:8px}
.history-doc__media>.material-symbols-outlined{font-size:1.35rem}
.history-doc__body{display:grid;align-items:center;gap:.6rem;grid-template-columns:minmax(0,1fr) auto}
.history-doc__meta{font-size:.54rem;letter-spacing:.045em}
.history-doc h3{margin-top:.18rem;font-size:.78rem;line-height:1.35}
.history-doc__description{margin-top:.2rem;font-size:.63rem;line-height:1.4;-webkit-line-clamp:1}
.history-doc__actions{gap:.25rem}
.history-doc__actions a{min-height:31px;gap:.2rem;padding:.3rem .45rem;border-radius:6px;font-size:.6rem}
.history-doc__actions a:first-child,.history-doc__actions a:last-child{padding-inline:.5rem}
.history-doc__actions a .material-symbols-outlined{font-size:.8rem}

@media(max-width:1100px){
    .history-docs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
    .history-docs{padding-block:2.4rem 2.65rem}
    .history-docs__head{min-height:56px;margin-bottom:.75rem}
    .history-docs__head h2{font-size:1.55rem}
    .history-docs__grid{grid-template-columns:1fr}
    .history-doc{min-height:78px;grid-template-columns:42px minmax(0,1fr);padding:.6rem}
    .history-doc__media{width:42px}
    .history-doc__description{-webkit-line-clamp:1}
}

@media(max-width:420px){
    .history-doc__body{gap:.4rem}
    .history-doc__actions a{width:31px;padding:0!important;font-size:0}
    .history-doc__actions a .material-symbols-outlined{font-size:.9rem}
}

/* Museum-style historical journey */
.history-journey{margin-top:.8rem}
.history-journey__rail{position:relative;display:grid;gap:0;grid-template-columns:repeat(6,minmax(0,1fr));padding:.2rem 0 1.15rem}
.history-journey__rail::before{position:absolute;top:20px;right:7%;left:7%;height:2px;content:"";background:linear-gradient(90deg,#b9d7e2,#1680af 50%,#b9d7e2)}
.history-journey__year{position:relative;z-index:1;min-width:0;display:flex;align-items:center;flex-direction:column;padding:0 .3rem;color:#617582;text-align:center;text-decoration:none}
.history-journey__year::before{width:13px;height:13px;margin:14px 0 .55rem;border:3px solid #fff;border-radius:50%;content:"";background:#a9cbd8;box-shadow:0 0 0 1px #8bb9cb;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.history-journey__year strong{order:-1;font-family:"Plus Jakarta Sans",sans-serif;font-size:.78rem;font-weight:800;letter-spacing:-.02em;transition:color .2s ease}
.history-journey__year small{max-width:145px;display:-webkit-box;overflow:hidden;font-size:.58rem;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.history-journey__year:hover,.history-journey__year.is-active{color:#0d5f86}
.history-journey__year.is-active::before{background:#f2b544;box-shadow:0 0 0 4px rgba(242,181,68,.2),0 5px 14px rgba(7,42,64,.14);transform:scale(1.12)}
.history-journey__year.is-active strong{color:#07344f;font-size:.9rem}
.history-journey__stage{overflow:hidden;border:1px solid #173c52;border-radius:16px;background:#071c2d;box-shadow:0 22px 55px rgba(7,32,51,.14)}
.history-journey__panel{min-height:350px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);background:#071c2d;color:#fff}
.history-journey__panel[hidden]{display:none}
.history-journey__panel.is-active{animation:history-panel-in .42s cubic-bezier(.2,.72,.25,1)}
.history-journey__image{position:relative;min-height:350px;overflow:hidden;margin:0;background:#102f42}
.history-journey__image::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 62%,rgba(7,28,45,.56)),linear-gradient(0deg,rgba(7,28,45,.16),transparent 55%)}
.history-journey__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03);transition:transform .7s cubic-bezier(.2,.72,.25,1)}
.history-journey__panel:hover .history-journey__image img{transform:scale(1.025)}
.history-journey__copy{position:relative;display:flex;justify-content:center;flex-direction:column;padding:clamp(2rem,4vw,3.4rem)}
.history-journey__copy::before{position:absolute;top:0;right:0;width:82px;height:4px;content:"";background:linear-gradient(90deg,#f2b544,#4a9fc5)}
.history-journey__copy>span{color:#7fc3df;font-size:.68rem;font-weight:800;letter-spacing:.16em}
.history-journey__copy h3{max-width:430px;margin-top:.75rem;color:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.6rem,2.7vw,2.45rem);font-weight:750;letter-spacing:-.05em;line-height:1.14;text-wrap:balance}
.history-journey__copy p{max-width:470px;margin-top:1rem;color:#b7c7d1;font-size:.84rem;line-height:1.75}
.history-journey__controls{display:none;align-items:center;justify-content:flex-end;gap:.45rem;margin-top:.7rem}
.history-journey.is-enhanced .history-journey__controls{display:flex}
.history-journey__controls button{min-height:35px;display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .65rem;border:1px solid #d5e0e4;border-radius:8px;background:#fff;color:#17384c;font-size:.65rem;font-weight:750;cursor:pointer}
.history-journey__controls button:hover:not(:disabled){border-color:#88b9cf;color:#075f8a}
.history-journey__controls button:disabled{cursor:not-allowed;opacity:.42}
.history-journey__controls button .material-symbols-outlined{font-size:.9rem}
.history-journey__controls p{min-width:50px;color:#72828c;font-size:.65rem;text-align:center}
.history-journey__controls p strong{color:#0b3853;font-size:.85rem}
.history-journey__controls p span{margin-left:.15rem}

@keyframes history-panel-in{
    from{opacity:.25;transform:translateX(14px)}
    to{opacity:1;transform:none}
}

@media(max-width:800px){
    .history-journey__rail{overflow-x:auto;display:flex;margin-inline:-1rem;padding-inline:1rem;scroll-padding-inline:1rem;scrollbar-width:none}
    .history-journey__rail::-webkit-scrollbar{display:none}
    .history-journey__rail::before{right:1rem;left:1rem;min-width:650px}
    .history-journey__year{min-width:112px;scroll-snap-align:center}
    .history-journey__panel{min-height:310px;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}
    .history-journey__image{min-height:310px}
}

@media(max-width:600px){
    .history-journey__stage{border-radius:13px}
    .history-journey__panel{min-height:0;grid-template-columns:1fr}
    .history-journey__image{min-height:0;aspect-ratio:16/9}
    .history-journey__image::after{background:linear-gradient(0deg,rgba(7,28,45,.56),transparent 50%)}
    .history-journey__copy{padding:1.25rem 1.15rem 1.4rem}
    .history-journey__copy::before{width:58px;height:3px}
    .history-journey__copy h3{margin-top:.45rem;font-size:1.35rem}
    .history-journey__copy p{margin-top:.55rem;font-size:.76rem;line-height:1.6}
    .history-journey__controls{justify-content:space-between}
    .history-journey__controls button{min-height:34px;padding:.35rem .5rem;font-size:.61rem}
}

@media(prefers-reduced-motion:reduce){
    .history-journey__panel.is-active{animation:none}
    .history-journey__image img,.history-journey__year::before{transition:none}
}

/* Unified, compact profile headers */
.about-hero,.principles-hero,.history-hero,.org-hero--visual{
    min-height:215px;
    display:flex;
    align-items:center;
    padding-block:2.25rem;
    border:0;
    background:#0a2538;
    color:#fff;
}
.about-hero__grid,.history-hero__grid,.org-hero--visual .org-hero__grid{
    display:grid;
    align-items:center;
    gap:clamp(2rem,5vw,5rem);
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
}
.about-hero .public-eyebrow,.principles-hero .public-eyebrow,.history-hero__eyebrow,.org-hero--visual .public-eyebrow{
    color:#9ccfe4;
    font-size:.64rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.about-hero h1,.principles-hero h1,.history-hero h1,.org-hero--visual h1{
    max-width:820px;
    margin-top:.45rem;
    color:#fff;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:clamp(2.45rem,4.35vw,4rem);
    font-weight:750;
    letter-spacing:-.055em;
    line-height:1;
}
.about-hero p,.principles-hero p,.history-hero__intro,.org-hero--visual p{
    max-width:620px;
    margin-top:.7rem;
    color:#c5d3dc;
    font-size:.84rem;
    line-height:1.65;
}
.about-hero p{margin-top:0;padding-left:1.1rem;border-left:2px solid rgba(156,207,228,.62)}
.history-hero__copy{padding-left:1rem}.history-hero__summary>div{min-height:78px}.org-hero--visual p{margin-top:0}

/* About BPPK */
.about-story{position:relative;overflow:hidden;padding-block:clamp(2.5rem,5vw,4.5rem);background:linear-gradient(180deg,#f2f6f7,#fff)}
.about-story::before{position:absolute;top:2.5rem;right:-7rem;width:18rem;height:18rem;border:1px solid rgba(8,107,159,.08);border-radius:50%;box-shadow:0 0 0 2.75rem rgba(8,107,159,.025),0 0 0 5.5rem rgba(8,107,159,.018);content:"";pointer-events:none}
.about-story__grid{position:relative;z-index:1;display:grid;align-items:center;gap:clamp(2rem,5.5vw,5rem);grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr)}
.about-story__grid>*{min-width:0}
.about-story__media{position:relative;min-height:390px;overflow:hidden;margin:0;border-radius:16px;background:#dfe8eb;box-shadow:0 22px 52px rgba(8,35,52,.13)}
.about-story__media::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 54%,rgba(5,28,43,.78));pointer-events:none}
.about-story__media picture{position:absolute;inset:0}.about-story__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.72,.25,1)}
.about-story__media:hover img{transform:scale(1.025)}
.about-story__media figcaption{position:absolute;z-index:2;right:1.25rem;bottom:1.15rem;left:1.25rem;color:#fff}
.about-story__media figcaption strong{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:1rem;font-weight:750}.about-story__media figcaption span{display:block;margin-top:.2rem;color:#c9d7df;font-size:.66rem;line-height:1.45}
.about-story__grid--text .about-story__media{display:flex}.about-story__grid--text .about-story__media::after{background:linear-gradient(180deg,transparent,rgba(5,28,43,.3))}
.about-story__content{max-width:720px}.about-story__content h2{max-width:690px;margin-top:.55rem;color:var(--profile-navy);font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:750;letter-spacing:-.045em;line-height:1.16;text-wrap:balance}
.about-story__copy{display:grid;gap:.8rem;margin-top:1.15rem;color:var(--profile-muted);font-size:.84rem;line-height:1.75}.about-story__copy p{margin:0}
.about-focus{display:grid;overflow:hidden;margin-top:1.4rem;border:1px solid #d5e0e5;border-radius:12px;background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));box-shadow:0 8px 24px rgba(8,35,52,.045)}
.about-focus>div{min-width:0;display:flex;align-items:center;gap:.5rem;padding:.8rem .75rem}.about-focus>div+div{border-left:1px solid #dce5e9}.about-focus .material-symbols-outlined{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:8px;background:#e5f2f6;color:#0b709d;font-size:1rem}.about-focus strong{font-size:.66rem;font-weight:750;line-height:1.35}

@media(max-width:900px){
    .about-hero__grid,.history-hero__grid,.org-hero--visual .org-hero__grid{gap:1.35rem;grid-template-columns:1fr}
    .about-hero p,.org-hero--visual p{margin-top:0}
    .about-story__grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}
    .about-story__media{min-height:340px}
}
@media(max-width:700px){
    .about-hero,.principles-hero,.history-hero,.org-hero--visual{min-height:0;padding-block:1.9rem}
    .about-hero h1,.principles-hero h1,.history-hero h1,.org-hero--visual h1{font-size:clamp(2.15rem,10vw,2.85rem)}
    .about-hero p,.principles-hero p,.history-hero__intro,.org-hero--visual p{font-size:.78rem;line-height:1.55}
    .about-story{padding-block:1.25rem 3rem}
    .about-story__grid{gap:1.6rem;grid-template-columns:1fr}
    .about-story__media{min-height:0;aspect-ratio:16/10;border-radius:13px}
    .about-story__media figcaption{right:.9rem;bottom:.8rem;left:.9rem}
    .about-story__content h2{font-size:clamp(1.55rem,7vw,2rem)}
}
@media(max-width:480px){
    .about-focus{grid-template-columns:1fr}.about-focus>div+div{border-top:1px solid #dce5e9;border-left:0}.about-focus>div{padding:.65rem .7rem}
}
@media(prefers-reduced-motion:reduce){.about-story__media img{transition:none}}

/* One visual language for every Profile subheader. */
.about-hero,.principles-hero,.history-hero,.org-hero--visual{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.12);
    background:radial-gradient(circle at 88% 18%,rgba(43,145,187,.24),transparent 25rem),#0a2538;
}
.about-hero::after,.principles-hero::after,.history-hero::after,.org-hero--visual::after{
    position:absolute;
    z-index:0;
    top:auto;
    right:-4rem;
    bottom:-7rem;
    left:auto;
    width:19rem;
    height:19rem;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    background:transparent;
    box-shadow:0 0 0 2.5rem rgba(255,255,255,.025),0 0 0 5rem rgba(255,255,255,.018);
    content:"";
    pointer-events:none;
}
.about-hero__grid,.principles-hero__grid,.history-hero__grid,.org-hero--visual .org-hero__grid{
    position:relative;
    z-index:1;
    display:grid;
    align-items:center;
    gap:clamp(2rem,5vw,5rem);
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
}
.about-hero__copy,.principles-hero__copy,.history-hero__copy{min-width:0;padding-left:0}
.history-hero__copy::before{display:none}
.history-hero__eyebrow>span{background:#9ccfe4}
.about-hero p,.principles-hero p,.org-hero--visual p{
    margin:0;
    padding:0;
    border:0;
}
.history-hero__summary{position:relative;z-index:1}

@media(max-width:900px){
    .about-hero__grid,.principles-hero__grid,.history-hero__grid,.org-hero--visual .org-hero__grid{gap:1.35rem;grid-template-columns:1fr}
    .about-hero p,.principles-hero p,.org-hero--visual p{max-width:680px}
}
@media(max-width:600px){
    .about-hero::after,.principles-hero::after,.history-hero::after,.org-hero--visual::after{right:-8rem;bottom:-10rem}
}