.about-page{background:var(--paper);color:var(--blue-dark)}
.about-page .site-header{position:absolute;background:transparent;color:var(--blue);border-bottom:1px solid rgba(8,106,168,.25)}
.about-page .site-header nav a{color:var(--blue)}.about-page .site-header nav a[aria-current="page"]:after{content:"";display:block;border-bottom:1px solid currentColor;margin-top:.3rem}.about-page .nav-contact,.about-page .menu-toggle{color:var(--blue);border-color:var(--blue)}
.about-label,.about-section-tag,.audience-list p,.milestone-grid p{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}
.about-hero-paper{min-height:53vh;padding:10rem clamp(1.25rem,3vw,3rem) 2.5rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}
.about-label{font-size:.68rem;margin:0 0 2rem;color:var(--blue)}
.about-hero-paper .about-label{align-self:flex-start}.about-hero h1{font:400 clamp(6rem,14vw,13.5rem)/.74 var(--sans);letter-spacing:-.075em;margin:0;color:var(--blue);text-transform:none}
.about-hero-image{position:relative;min-height:72vh;overflow:hidden;background:var(--paper);isolation:isolate}.about-hero-image>img,.about-hero-image>canvas{position:absolute;inset:0;width:100%;height:100%}.about-hero-image>img{object-fit:cover;opacity:0;transition:opacity .45s ease}.about-hero-image>canvas{z-index:1;transition:opacity .45s ease}.about-hero-image:hover>img{opacity:1}.about-hero-image:hover>canvas{opacity:0}.about-hero-image h2{position:absolute;z-index:2;left:clamp(1.25rem,3vw,3rem);top:-.08em;margin:0;color:var(--paper);font:400 clamp(6rem,14vw,13.5rem)/.8 var(--sans);letter-spacing:-.075em;text-transform:none}.about-hero-image>p{position:absolute;z-index:2;right:clamp(1.25rem,4vw,4rem);bottom:3rem;max-width:42ch;margin:0;color:#fff;font-size:1.05rem;line-height:1.55}
.about-approach,.about-audience,.about-milestones{display:grid;grid-template-columns:minmax(180px,25vw) minmax(0,1fr);border-bottom:1px solid var(--blue)}
.about-section-tag{padding:2rem clamp(1.25rem,3vw,3rem);border-right:1px solid var(--blue);color:var(--blue);font-size:.66rem}.about-section-tag span{display:block;margin-bottom:1rem}.about-section-tag p{margin:0}
.about-statement{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,5rem)}.about-statement h2{font:400 clamp(4rem,8vw,8.5rem)/.86 var(--sans);letter-spacing:-.06em;text-transform:none;color:var(--blue);max-width:11ch}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);margin-top:6rem}.about-columns p{font-size:1rem;line-height:1.65;margin:0}
.audience-list{display:grid;grid-template-columns:1fr 1fr}.audience-list p{min-height:180px;margin:0;padding:1.5rem;display:flex;align-items:flex-end;border-right:1px solid var(--blue);border-bottom:1px solid var(--blue);font-size:.75rem;line-height:1.45;color:var(--blue)}
.milestone-grid{display:grid;grid-template-columns:1fr 1fr}.milestone-grid article{min-height:620px;padding:3rem;display:flex;flex-direction:column;border-right:1px solid var(--blue);border-bottom:1px solid var(--blue);overflow:hidden}.milestone-grid strong{font:400 clamp(6rem,11vw,12rem)/.8 var(--sans);letter-spacing:-.07em;color:var(--blue)}.milestone-grid p{max-width:20ch;color:var(--blue);font-size:.78rem;line-height:1.4}.milestone-visual{position:relative;width:min(78%,380px);aspect-ratio:1;margin:auto;overflow:hidden;background:var(--paper)}.milestone-visual>img,.milestone-visual>canvas{position:absolute;inset:0;width:100%;height:100%}.milestone-visual>img{object-fit:cover;opacity:0;transition:opacity .4s}.milestone-visual>canvas{z-index:1;transition:opacity .4s}.milestone-visual:hover>img{opacity:1}.milestone-visual:hover>canvas{opacity:0}
.about-leadership{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;border-bottom:1px solid var(--blue)}.leadership-image{position:relative;min-height:780px;overflow:hidden;background:var(--paper);border-right:1px solid var(--blue)}.leadership-image>img,.leadership-image>canvas{position:absolute;inset:0;width:100%;height:100%}.leadership-image>img{object-fit:cover;object-position:center 18%;opacity:0;transition:opacity .45s}.leadership-image>canvas{z-index:1;transition:opacity .45s}.leadership-image:hover>img{opacity:1}.leadership-image:hover>canvas{opacity:0}.leadership-image>span{position:absolute;z-index:2;left:1rem;bottom:1rem;background:var(--paper);color:var(--blue);padding:.55rem .7rem;font:400 .62rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.leadership-copy{padding:clamp(6rem,10vw,10rem) clamp(2rem,6vw,6rem)}.leadership-copy h2,.about-perspective h2{font:400 clamp(4rem,7vw,7.5rem)/.88 var(--sans);letter-spacing:-.06em;text-transform:none;color:var(--blue);margin:0}.leadership-copy>p:not(.about-label){max-width:48ch;font-size:1.02rem;line-height:1.65;margin:2rem 0 0}
.about-perspective{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--blue)}.about-perspective>div{padding:clamp(5rem,8vw,8rem) clamp(2rem,5vw,5rem)}.about-perspective>div:first-child{border-right:1px solid var(--blue)}.about-perspective h2{font-size:clamp(3.5rem,6vw,6.5rem)}.about-perspective p{font-size:1rem;line-height:1.7;max-width:46ch;margin:0 0 4rem}.about-perspective h3{font:400 clamp(2rem,3.5vw,3.6rem)/1 var(--sans);letter-spacing:-.045em;color:var(--blue);margin:4rem 0 1.5rem;text-transform:none}
.relationship-details{margin:2.5rem 0 0}.relationship-details>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.5rem;padding:1.4rem 0;border-top:1px solid var(--blue)}.relationship-details>div:last-child{border-bottom:1px solid var(--blue)}.relationship-details dt{font:400 .68rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.relationship-details dd{margin:0;font-size:.95rem;line-height:1.65;color:var(--ink)}
.about-closing{min-height:72vh;padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,4rem);background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.about-closing>p{font:400 .68rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.about-closing h2{font:400 clamp(4rem,9vw,9rem)/.86 var(--sans);letter-spacing:-.06em;text-transform:none;max-width:12ch;margin:3rem 0;color:#fff}.about-closing a{align-self:flex-start;border:1px solid #fff;padding:.85rem 1rem;font:400 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.about-approach,.about-audience,.about-milestones{grid-template-columns:1fr}.about-section-tag{border-right:0;border-bottom:1px solid var(--blue)}.about-leadership,.about-perspective{grid-template-columns:1fr}.leadership-image,.about-perspective>div:first-child{border-right:0;border-bottom:1px solid var(--blue)}.milestone-grid article{min-height:540px}}
@media(max-width:720px){.about-page .site-header{background:var(--paper)}.about-page .site-header nav{background:var(--paper);border-bottom:1px solid var(--blue)}.about-page .site-header nav a{color:var(--blue)}.about-hero-paper{min-height:360px;padding:8rem 1.25rem 1.5rem;align-items:flex-end}.about-hero h1{font-size:clamp(5rem,25vw,7.2rem)}.about-hero-image{min-height:620px}.about-hero-image h2{font-size:clamp(5rem,24vw,7rem);left:1.25rem;top:.15em;max-width:4ch;line-height:.78}.about-hero-image>p{left:1.25rem;right:1.25rem;bottom:2rem;font-size:1rem}.about-statement{padding:4.5rem 1.25rem}.about-statement h2{font-size:3.6rem;max-width:9ch}.about-columns{grid-template-columns:1fr;gap:2rem;margin-top:3.5rem}.audience-list{grid-template-columns:1fr}.audience-list p{min-height:120px}.milestone-grid{grid-template-columns:1fr}.milestone-grid article{min-height:560px;padding:2rem 1.25rem}.milestone-grid strong{font-size:6.5rem}.milestone-visual{width:72%}.leadership-image{min-height:620px}.leadership-copy{padding:5rem 1.25rem}.leadership-copy h2,.about-perspective h2{font-size:3.5rem}.about-perspective>div{padding:4.5rem 1.25rem}.about-closing{min-height:620px}.about-closing h2{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){.about-hero-image>img,.about-hero-image>canvas,.milestone-visual>img,.milestone-visual>canvas,.leadership-image>img,.leadership-image>canvas{transition:none}}
.about-hero-image h2{overflow-wrap:normal;word-break:normal}
@media(max-width:720px){.about-hero-image h2{right:1.25rem;max-width:none;font-size:clamp(4.7rem,22vw,6.3rem)}.about-hero-image h2 span{display:block}.relationship-details>div{grid-template-columns:1fr;gap:.65rem}.relationship-details dd{font-size:.95rem}}