:root{--about-width:72rem;--about-reading:68ch;--about-radius:1rem}
.about-page{background:var(--c-bg,#071e32);color:var(--c-text,#f2f7ff)}
.about-main{width:min(var(--about-width),calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0 4rem}
.about-hero,.about-story-grid,.about-people-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(17rem,.92fr);align-items:center;gap:clamp(1.5rem,5vw,4.2rem)}
.about-eyebrow{margin:0 0 .7rem;color:var(--c-accent,#6bcafa);font-size:.83rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.about-hero h1,.about-home-card h2{max-width:18ch;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.08;letter-spacing:-.035em}
.about-lead{max-width:61ch;margin:1.3rem 0 0;color:var(--c-muted,#c3d2df);font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.72}
.about-section{margin-top:clamp(3rem,7vw,5.5rem)}
.about-section--reading{max-width:var(--about-reading)}
.about-section h2,.about-person-card h2,.about-risk h2{margin:0 0 1rem;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.18;letter-spacing:-.02em}
.about-section p,.about-person-card p,.about-risk p,.about-home-card p{margin:.85rem 0 0;font-size:1.08rem;line-height:1.78}
.about-photo{margin:0}
.about-photo img{display:block;width:100%;height:auto;border:1px solid var(--c-line,#547796);border-radius:var(--about-radius);background:var(--c-soft,#123a57)}
.about-hero .about-photo--portrait{width:min(100%,24rem);justify-self:end}
.about-photo figcaption{padding:.8rem .25rem 0;color:var(--c-muted,#c3d2df);font-size:.92rem;line-height:1.55}
.about-people-grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.about-person-card,.about-risk,.about-home-card{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--c-line,#547796);border-radius:var(--about-radius);background:var(--c-card,#102e46)}
.about-risk{max-width:58rem;border-left:.35rem solid var(--c-accent,#6bcafa)}
.about-quote{max-width:42rem;margin:2.2rem 0 0;padding:1.2rem 1.4rem;border-left:.3rem solid var(--c-accent,#6bcafa);color:var(--c-text,#f2f7ff);font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:750;line-height:1.5}
.about-signoff{max-width:var(--about-reading);margin-top:2rem}
.about-signoff strong{display:block;margin-top:1rem;font-size:1.15rem}
.about-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.about-button{min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border:1px solid var(--c-line,#547796);border-radius:.7rem;color:inherit;font-weight:800;text-decoration:none}
.about-button--primary{background:var(--c-accent,#167fd0);border-color:transparent;color:#fff}
.about-home-section{padding-top:clamp(3rem,7vw,5.5rem);padding-bottom:clamp(3rem,7vw,5.5rem);scroll-margin-top:6rem}
.about-home-card{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1.28fr);gap:clamp(1.25rem,4vw,3.4rem);align-items:start}
.about-home-card h2{font-size:clamp(1.8rem,3.8vw,3rem)}
.about-home-card__copy>p:first-child{margin-top:0}
.about-page :is(a,button,summary):focus-visible,.about-home-section a:focus-visible{outline:3px solid #ffe193;outline-offset:3px}
body.home-r02 .r02-main a.about-button.about-button--primary{color:#07233b}
html[data-theme=light] body.home-r02 .r02-main a.about-button.about-button--primary{color:#fff}
html[data-theme=light] .about-page{--c-bg:#f5f9fd;--c-card:#fff;--c-soft:#eef6fc;--c-text:#153047;--c-muted:#4b6278;--c-line:#9eb8cd;--c-accent:#106ba6}
@media(max-width:48rem){.about-hero,.about-story-grid,.about-people-grid,.about-home-card{grid-template-columns:1fr}.about-hero .about-photo{max-width:32rem;justify-self:start}.about-story-grid .about-photo{order:2}}
@media(max-width:30rem){.about-main{width:min(100% - 1.2rem,var(--about-width))}.about-button,.about-actions{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}