#mission.mission-video-section .need-label>span{color:#c45508}
.about-page .about-mission-hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;padding:88px 0 100px;background:#1a2833}
.about-page .about-mission-hero:before{z-index:-3;background-image:var(--about-photo);background-position:center;background-size:cover}
.about-page .about-mission-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,25,32,.88),rgba(15,25,32,.62))}
.about-page .about-mission-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.65);transition:opacity .5s}
.about-page .about-mission-video.is-playing{opacity:1}
.about-page .about-mission-content{position:relative;z-index:1}
.about-page .about-mission-hero .about-hero-context{color:#ffae66;font:700 13px/1.5 'Inter',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 40px}
.about-page .about-mission-hero .about-label{color:#ffae66;margin-bottom:20px}
.about-page .about-mission-hero h1{color:#fff;font-size:clamp(34px,4vw,56px);line-height:1.13;max-width:1060px;text-wrap:pretty}
.about-page .about-mission-hero .about-introduction{color:#f0f1f2;border-color:#c45508;max-width:840px;font-size:18px;line-height:1.65;margin-top:32px}
.about-page .about-mission-motion{position:absolute;right:24px;bottom:20px;z-index:2;background:rgba(15,25,32,.8);border:1px solid #fff;color:#fff;padding:10px 18px;font:700 13px 'Inter',Arial,sans-serif;cursor:pointer}
.about-page .about-mission-motion[hidden]{display:none}
.about-page .about-mission-motion:focus-visible{outline:3px solid #ffae66;outline-offset:4px}
@media(max-width:720px){.about-page .about-mission-hero{padding:52px 0 76px;min-height:0}.about-page .about-mission-content{width:calc(100% - 40px)}.about-page .about-mission-hero h1{font-size:clamp(31px,8.4vw,42px);line-height:1.15}.about-page .about-mission-hero .about-hero-context{margin-bottom:28px}.about-page .about-mission-hero .about-introduction{font-size:16px;line-height:1.65;padding-left:18px;margin-top:26px}.about-page .about-mission-hero:after{background:rgba(15,25,32,.76)}}
@media(prefers-reduced-motion:reduce){.about-page .about-mission-video{display:none;transition:none}}

/* The organization introduction has its own reading surface below the hero. */
.about-page .about-intro-section{background:#f5f2ed;color:#1a2833;padding:52px 0}
.about-page .about-intro-section .about-introduction{margin:0;max-width:900px;color:#52616b;border-left:3px solid #c45508;font-size:18px;line-height:1.75}
.about-page .about-team-heading{align-items:start}
@media(max-width:720px){.about-page .about-intro-section{padding:36px 0}.about-page .about-intro-section .about-wrap{width:calc(100% - 40px)}.about-page .about-intro-section .about-introduction{font-size:16px;padding-left:18px}}

/* Homepage hero hierarchy: a short large title and a smaller mission statement. */
.about-page .about-mission-hero h1.about-mission-title{font-family:'Inter',Arial,sans-serif;font-size:clamp(64px,8.4vw,112px);font-weight:800;line-height:1.02;letter-spacing:normal;font-kerning:normal;text-transform:none;max-width:940px;color:#fff;margin:0 0 26px}
.about-page .about-mission-hero p.about-mission-statement{font:400 clamp(1.07rem,1.55vw,1.35rem)/1.6 Georgia,serif;max-width:650px;letter-spacing:normal;text-transform:none;color:#f5f6f4;margin:0}
@media(max-width:720px){.about-page .about-mission-hero h1.about-mission-title{font-size:clamp(52px,15vw,72px);line-height:1.04;margin-bottom:24px}.about-page .about-mission-hero p.about-mission-statement{font-size:17px;line-height:1.65}}