/* An editorial page built from the website's master typography and palette. */
.mission-page .masthead{position:relative;background:none;border-bottom:1px solid #82958c4a}
.mission-page .journey-link{margin-left:auto}
.mission-intro,.people-section,.mission-footer{max-width:1600px;margin-inline:auto;padding-inline:5vw}
.mission-intro{min-height:62vh;padding-block:90px 86px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw}
.mission-page .overline{margin:0 0 25px;font:10px/1.5 'DM Mono',monospace;letter-spacing:2px;color:var(--gold)}
.mission-intro h1{font:900 clamp(48px,5.7vw,88px)/1 'Bodoni Moda',Georgia,serif;letter-spacing:-2.6px;margin:0;text-wrap:balance}
.mission-statement{max-width:46ch;padding-top:38px}
.mission-statement>p:first-child{font-size:clamp(16px,1.5vw,21px);line-height:1.75;margin:0;color:#c5d2cc}
.mission-statement .mission-purpose{font-size:13px;line-height:1.8;color:var(--muted);margin:24px 0 30px;max-width:35ch}
.people-link{font:11px/1.5 'DM Mono',monospace;text-decoration:none;border-bottom:1px solid #c5d2cc44;padding-bottom:9px;display:inline-flex;gap:26px}
.people-link:hover{border-color:var(--gold)}
.people-section{padding-block:54px 88px;scroll-margin-top:30px;border-top:1px solid #82958c4a}
.people-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}
.people-heading h2{font:700 clamp(36px,3.6vw,56px)/1.05 'Bodoni Moda',Georgia,serif;letter-spacing:-1.5px;margin:0}
.people-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.person{min-width:0}
.portrait{aspect-ratio:4/5;overflow:hidden;background:#0c2428}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.portrait-matt img{object-position:57% center}
.person-number{display:block;border-top:1px solid #9bb9ae46;margin:20px 0 11px;padding-top:12px;font:9px 'DM Mono',monospace;color:var(--gold)}
.person h3{font:700 clamp(20px,1.9vw,29px)/1.2 'Bodoni Moda',Georgia,serif;letter-spacing:-.5px;margin:0}
.person-bio{font-size:13px;line-height:1.75;color:var(--muted);margin:16px 0 0;max-width:38ch}
.portrait-placeholder{border:1px solid #83978b60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at center,#88c9b910,transparent 75%),#0c2428}
.portrait-initials{font:500 clamp(32px,3.5vw,50px) 'Bodoni Moda',Georgia,serif;color:#a1b3af88;letter-spacing:-2px}
.portrait-note{font:9px/1.7 'DM Mono',monospace;color:var(--muted);text-align:center;padding-inline:12px}
.people-grid.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.people-grid.reveal-ready.is-visible{opacity:1;transform:none}
.mission-footer{border-top:1px solid #82958c4a;padding-block:28px;display:flex;gap:28px;flex-wrap:wrap;font:10px/1.7 'DM Mono',monospace;color:var(--muted)}
.mission-footer a{text-decoration:none}.mission-footer a:hover{color:var(--cream)}.mission-footer span{margin-right:auto}
@media(max-width:1000px){.mission-intro{gap:5vw;grid-template-columns:1.1fr 1fr}.mission-intro h1{font-size:52px}.people-grid{gap:16px}.person h3{font-size:21px}}
@media(max-width:860px){.mission-page .masthead{padding:25px 24px}.mission-page .journey-link{font-size:9px;padding:10px 12px;gap:9px}.mission-intro,.people-section,.mission-footer{padding-inline:24px}.mission-intro{grid-template-columns:1fr;gap:32px;padding-block:54px 56px;min-height:0}.mission-intro h1{font-size:clamp(44px,8.6vw,68px);letter-spacing:-1.8px}.mission-statement{padding:0;max-width:50ch}.mission-statement>p:first-child{font-size:16px}.mission-statement .mission-purpose{max-width:40ch}.people-section{padding-block:42px 56px}.people-heading{gap:20px;margin-bottom:30px}.people-heading h2{font-size:38px}.people-grid{grid-template-columns:minmax(0,1fr);gap:46px;max-width:500px;margin-inline:auto}.person-bio{font-size:14px;max-width:none}.portrait{aspect-ratio:4/5}.person h3{font-size:26px}.portrait-initials{font-size:50px}.mission-footer{gap:20px}.mission-footer span{flex-basis:100%}}
@media(max-width:480px){.mission-page .wordmark{font-size:23px}.mission-page .masthead{column-gap:10px}.mission-page .journey-link{gap:8px;padding:10px}.people-heading{display:block}.people-heading h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.people-grid.reveal-ready{opacity:1;transform:none;transition:none}}