:root{--about-navy:#111827;--about-red:#c8102e;--about-paper:#f5f6f8;--about-ink:#121923}.about-page{background:var(--about-paper);color:var(--about-ink)}.about-hero{position:relative;min-height:clamp(390px,61vh,680px);display:grid;align-items:end;overflow:hidden;background:var(--about-hero,#111827);color:#fff}.about-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}.about-hero-image[src=""],.about-hero-image:not([src]){display:none}.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(7,13,25,var(--about-overlay,.72)) 20%,rgba(123,8,24,.48))}.about-hero-inner{position:relative;z-index:1;padding-block:clamp(4rem,10vw,8rem)}.about-hero-inner>p:first-child,.about-index{font-size:.76rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.about-hero h1{font:800 clamp(3.4rem,10vw,8.5rem)/.86 "Barlow Condensed",sans-serif;letter-spacing:-.035em;margin:.45rem 0 1rem;max-width:11ch}.about-hero-subtitle{font-size:clamp(1rem,2.2vw,1.35rem);max-width:54ch;line-height:1.65}.about-section-nav{position:sticky;top:0;z-index:12;background:#fffef;border-bottom:1px solid #dfe3e8;backdrop-filter:blur(16px)}.about-section-nav .container{display:flex;gap:1.3rem;overflow:auto;scrollbar-width:thin;padding-block:.85rem}.about-section-nav a{white-space:nowrap;color:#263341;text-decoration:none;font-size:.83rem;font-weight:750}.about-section-nav a:hover,.about-section-nav a:focus-visible{color:var(--about-red)}.about-block{padding:clamp(4rem,8vw,8rem) 0;border-bottom:1px solid #dfe3e8}.about-block h2{font:800 clamp(2.6rem,6vw,5.4rem)/.95 "Barlow Condensed",sans-serif;letter-spacing:-.025em;margin:.45rem 0 2rem}.about-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(2rem,7vw,7rem);align-items:center}.about-copy{white-space:pre-line;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.8;max-width:68ch}.about-copy:empty{display:none}.about-media{margin:0;min-height:330px;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#e4e8ed,#f9fafb);box-shadow:0 24px 60px #10182818}.about-media img{width:100%;height:100%;min-height:330px;object-fit:cover}.about-media img[src=""],.about-media:has(img[src=""]){display:none}.about-media figcaption{padding:1rem}.about-statement{background:#fff}.about-statement-inner{max-width:950px}.about-vision{color:#fff;background:linear-gradient(135deg,#101827 5%,#172d4a 65%,#154985)}.about-heading{display:flex;align-items:end;gap:2rem;justify-content:space-between}.about-value-grid,.about-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.15rem}.about-value-grid article{padding:1.6rem;border:1px solid #dde3e9;border-radius:18px;background:#fff;box-shadow:0 12px 35px #1118270b;transition:.25s ease}.about-value-grid article:hover{transform:translateY(-4px);box-shadow:0 19px 44px #11182714}.about-value-grid article:has(h3:empty):has(p:empty){display:none}.about-value-grid article>span{font-size:1.7rem}.about-value-grid h3{font-size:1.3rem}.about-editorial{background:#ecf1f5}.about-editorial-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(2rem,6vw,6rem)}.about-editorial blockquote{margin:0;padding:2rem;border-left:4px solid var(--about-red);background:#fff;border-radius:0 18px 18px 0;font-size:1.35rem;line-height:1.55}.about-editorial blockquote:empty{display:none}.about-team-grid article{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #dce2e8;box-shadow:0 14px 38px #1118270d}.about-team-grid article:has(h3:empty){display:none}.about-team-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf0f3}.about-team-grid article>div{padding:1.35rem}.about-team-grid h3{margin:0;font-size:1.35rem}.team-role{font-weight:800;color:#174e93}.about-team-grid a:empty{display:none}.about-contact{background:#111827;color:#fff}.about-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.about-contact-grid p{margin:0;padding:1.25rem;border:1px solid #ffffff24;border-radius:15px;background:#ffffff0b;white-space:pre-line}.about-contact-grid p:empty{display:none}.about-block[data-empty="true"]{min-height:260px}.about-block[data-empty="true"] h2{margin-bottom:0}.about-block.is-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.about-block.is-visible{opacity:1;transform:none}@media(max-width:800px){.about-split,.about-editorial-layout{grid-template-columns:1fr}.about-section-nav{top:0}.about-block{padding-block:3.5rem}.about-heading{display:block}.about-hero{min-height:460px}.about-media{min-height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Direction-aware institutional storytelling */
.about-block.is-reveal{opacity:1;transform:none;overflow:hidden}.about-block.is-reveal .about-index,.about-block.is-reveal h2,.about-block.is-reveal .about-copy,.about-block.is-reveal .about-timeline,.about-block.is-reveal .about-media,.about-block.is-reveal blockquote,.about-block.is-reveal .about-value-grid article,.about-block.is-reveal [data-team],.about-block.is-reveal .about-contact-grid p{opacity:0;will-change:transform,opacity,filter;filter:blur(5px);transition:opacity .72s cubic-bezier(.2,.72,.2,1),transform .82s cubic-bezier(.16,1,.3,1),filter .7s ease}.about-block.is-reveal[data-reveal-direction=down] .about-index,.about-block.is-reveal[data-reveal-direction=down] h2{transform:translateY(46px) skewY(2deg)}.about-block.is-reveal[data-reveal-direction=up] .about-index,.about-block.is-reveal[data-reveal-direction=up] h2{transform:translateY(-38px) skewY(-1.5deg)}.about-block.is-reveal[data-reveal-direction=down] .about-copy,.about-block.is-reveal[data-reveal-direction=down] .about-timeline,.about-block.is-reveal[data-reveal-direction=down] blockquote{transform:translateY(34px)}.about-block.is-reveal[data-reveal-direction=up] .about-copy,.about-block.is-reveal[data-reveal-direction=up] .about-timeline,.about-block.is-reveal[data-reveal-direction=up] blockquote{transform:translateY(-28px)}.about-block.is-reveal .about-media{transform:translateX(45px) scale(.965)}.about-block.is-reveal[data-reveal-direction=up] .about-media{transform:translateX(-38px) scale(.97)}.about-block.is-reveal .about-value-grid article,.about-block.is-reveal [data-team],.about-block.is-reveal .about-contact-grid p{transform:translateY(34px) scale(.965)}.about-block.is-visible .about-index,.about-block.is-visible h2,.about-block.is-visible .about-copy,.about-block.is-visible .about-timeline,.about-block.is-visible .about-media,.about-block.is-visible blockquote,.about-block.is-visible .about-value-grid article,.about-block.is-visible [data-team],.about-block.is-visible .about-contact-grid p{opacity:1;transform:none;filter:none}.about-block.is-visible h2{transition-delay:.07s}.about-block.is-visible .about-copy,.about-block.is-visible .about-media,.about-block.is-visible blockquote{transition-delay:.15s}.about-block.is-visible .about-value-grid article:nth-child(2),.about-block.is-visible [data-team]:nth-child(2),.about-block.is-visible .about-contact-grid p:nth-child(2){transition-delay:.11s}.about-block.is-visible .about-value-grid article:nth-child(3),.about-block.is-visible [data-team]:nth-child(3),.about-block.is-visible .about-contact-grid p:nth-child(3){transition-delay:.18s}.about-block.is-visible .about-value-grid article:nth-child(4),.about-block.is-visible [data-team]:nth-child(4),.about-block.is-visible .about-contact-grid p:nth-child(4){transition-delay:.25s}.about-block h2{position:relative;width:max-content;max-width:100%}.about-block h2:after{content:'';position:absolute;left:0;bottom:-.55rem;width:min(110px,35%);height:4px;border-radius:99px;background:linear-gradient(90deg,var(--about-red),#1c61ab);transform:scaleX(0);transform-origin:left;transition:transform .7s .28s cubic-bezier(.16,1,.3,1)}.about-block.is-visible h2:after{transform:scaleX(1)}.about-section-nav a[aria-current=true]{color:var(--about-red);box-shadow:inset 0 -2px var(--about-red)}.about-hero-animate .about-hero-image{transform:scale(1.08);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.about-hero-animate .about-hero-inner>p,.about-hero-animate h1{opacity:0;transform:translateY(30px);filter:blur(6px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .8s ease}.about-hero-animate h1{transition-delay:.1s}.about-hero-animate .about-hero-subtitle{transition-delay:.23s}.about-hero-animate.is-visible .about-hero-image{transform:scale(1)}.about-hero-animate.is-visible .about-hero-inner>p,.about-hero-animate.is-visible h1{opacity:1;transform:none;filter:none}@media(max-width:800px){.about-block.is-reveal .about-media,.about-block.is-reveal[data-reveal-direction=up] .about-media{transform:translateY(28px) scale(.98)}.about-block.is-visible .about-media{transform:none}}

/* Enhanced cinematic motion */
.about-scroll-progress{position:fixed;z-index:40;top:0;left:0;width:100%;height:3px;pointer-events:none;background:linear-gradient(90deg,#d7192d,#17a34a,#1d5fbf);transform:scaleX(0);transform-origin:left;box-shadow:0 1px 8px #1d5fbf66}.about-hero-image{transform:translate3d(0,var(--hero-shift,0),0) scale(var(--hero-scale,1.025));transition:transform 1.9s cubic-bezier(.16,1,.3,1)}.about-hero-overlay:after{content:'';position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 38%,#ffffff12 49%,transparent 60%);transform:translateX(-65%) rotate(4deg);transition:transform 1.8s .25s cubic-bezier(.16,1,.3,1)}.about-hero.is-visible .about-hero-overlay:after{transform:translateX(45%) rotate(4deg)}.about-hero h1{clip-path:inset(0 0 100% 0);transition:clip-path 1.15s .12s cubic-bezier(.16,1,.3,1),opacity .9s ease,transform 1.15s cubic-bezier(.16,1,.3,1),filter .9s ease}.about-hero.is-visible h1{clip-path:inset(0 0 0 0)}.about-block.is-reveal h2{clip-path:inset(0 0 100% 0);transition:clip-path .95s cubic-bezier(.16,1,.3,1),opacity .72s cubic-bezier(.2,.72,.2,1),transform .95s cubic-bezier(.16,1,.3,1),filter .75s ease}.about-block.is-visible h2{clip-path:inset(0 0 0 0)}.about-block.is-reveal .about-value-grid article,.about-block.is-reveal [data-team]{transform-origin:50% 100%;perspective:900px}.about-block.is-reveal[data-reveal-direction=down] .about-value-grid article,.about-block.is-reveal[data-reveal-direction=down] [data-team]{transform:translateY(42px) rotateX(5deg) scale(.96)}.about-block.is-reveal[data-reveal-direction=up] .about-value-grid article,.about-block.is-reveal[data-reveal-direction=up] [data-team]{transform:translateY(-34px) rotateX(-4deg) scale(.97)}.about-block.is-visible .about-value-grid article,.about-block.is-visible [data-team]{transform:none}.about-block.is-reveal .about-index{position:relative}.about-block.is-reveal .about-index:before{content:'';position:absolute;left:-1rem;top:50%;width:0;height:1px;background:currentColor;opacity:.45;transition:width .75s .18s cubic-bezier(.16,1,.3,1)}.about-block.is-visible .about-index:before{width:.7rem}.about-reduced-motion .about-block.is-reveal .about-index,.about-reduced-motion .about-block.is-reveal h2,.about-reduced-motion .about-block.is-reveal .about-copy,.about-reduced-motion .about-block.is-reveal .about-timeline,.about-reduced-motion .about-block.is-reveal .about-media,.about-reduced-motion .about-block.is-reveal blockquote,.about-reduced-motion .about-block.is-reveal .about-value-grid article,.about-reduced-motion .about-block.is-reveal [data-team],.about-reduced-motion .about-block.is-reveal .about-contact-grid p{transform:none;filter:none;transition-duration:.45s}.about-reduced-motion .about-hero h1{transform:none;filter:none;transition-duration:.55s}.about-reduced-motion .about-hero-image{transform:none}.about-reduced-motion .about-hero-overlay:after{display:none}@media(prefers-reduced-motion:reduce){.about-block.is-reveal .about-index,.about-block.is-reveal h2,.about-block.is-reveal .about-copy,.about-block.is-reveal .about-timeline,.about-block.is-reveal .about-media,.about-block.is-reveal blockquote,.about-block.is-reveal .about-value-grid article,.about-block.is-reveal [data-team],.about-block.is-reveal .about-contact-grid p{transition-duration:.45s!important}.about-block h2:after{transition-duration:.4s!important}.about-block.bar-replay h2:after{animation-duration:.45s!important}}


/* Keep the institutional tricolor rule inside the animated title mask. */
.about-block h2{padding-bottom:1.15rem}.about-block h2:after{bottom:.25rem;height:5px;width:clamp(88px,28%,150px);background:linear-gradient(90deg,#d7192d 0 33.333%,#17a34a 33.333% 66.666%,#1d5fbf 66.666% 100%);box-shadow:0 4px 14px #1d5fbf24}

/* Replay the tricolor signature whenever a section enters from either direction. */
.about-block.bar-replay h2:after{animation:about-tricolor-reveal .95s cubic-bezier(.16,1,.3,1) both}@keyframes about-tricolor-reveal{0%{transform:scaleX(0);opacity:0;filter:blur(3px)}45%{opacity:1}100%{transform:scaleX(1);opacity:1;filter:none}}