:is(#mission-site, .mission-site){--m-paper:light-dark(#fffef9,#171c21);--m-ink:light-dark(#202e35,#f5f5e9);--m-muted:light-dark(#57656e,#b4c2c9);--m-line:light-dark(#dfe5e4,#36464d);--m-blue:light-dark(#245be0,#96b9ff);--m-sky:light-dark(#eaf3ff,#233751);--m-yellow:#ffe477;--m-action:#ffda19;--m-radius:30px;box-sizing:border-box;container-type:inline-size;width:100%;max-width:1280px;margin:auto;background:var(--m-paper);color:var(--m-ink);font-family:Onest,Arial,sans-serif;isolation:isolate}
:is(#mission-site, .mission-site) *{box-sizing:border-box}
:is(#mission-site, .mission-site) a{color:inherit;text-decoration:none}
:is(#mission-site, .mission-site) button,:is(#mission-site, .mission-site) a{font:inherit}
:is(#mission-site, .mission-site) button{border:0}
:is(#mission-site, .mission-site) .m-header{padding:24px 39px;display:flex;align-items:center;gap:24px;position:relative;z-index:5}
:is(#mission-site, .mission-site) .m-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
:is(#mission-site, .mission-site) .m-brand img{display:block;width:46px;height:46px;object-fit:cover;border-radius:50%;flex-shrink:0}
:is(#mission-site, .mission-site) .m-brand-name{text-transform:uppercase;font-size:23px;font-weight:700;letter-spacing:.025em;line-height:1.08;white-space:nowrap}
:is(#mission-site, .mission-site) .m-brand-name span{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.25;margin:0 0 6px;color:var(--m-muted)}
@container(max-width:680px){
 :is(#mission-site, .mission-site) .m-brand{gap:12px}
 :is(#mission-site, .mission-site) .m-brand img{width:40px;height:40px}
 :is(#mission-site, .mission-site) .m-brand-name{font-size:20px;letter-spacing:.02em}
 :is(#mission-site, .mission-site) .m-brand-name span{font-size:10px;letter-spacing:.12em;margin-bottom:5px}
}
:is(#mission-site, .mission-site) .m-nav{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:18px;font-weight:600;line-height:1.2}
:is(#mission-site, .mission-site) .m-nav a{padding:12px 0;white-space:nowrap}
:is(#mission-site, .mission-site) .m-nav a:hover{color:var(--m-blue)}
:is(#mission-site, .mission-site) .m-lang{display:flex;gap:13px;margin-left:10px;font-size:16px}
:is(#mission-site, .mission-site) .m-lang [aria-current]{color:var(--m-blue);font-weight:700}
:is(#mission-site, .mission-site) .m-toggle{display:none;background:transparent;color:var(--m-ink);width:44px;height:44px;align-items:center;justify-content:center;margin-left:auto}
:is(#mission-site, .mission-site) .m-mobile-nav{display:none}
:is(#mission-site, .mission-site) .m-intro{position:relative;padding:36px 39px 41px}
:is(#mission-site, .mission-site) h1{font-size:clamp(56px,7.8cqw,97px);line-height:1.02;letter-spacing:-.068em;font-weight:600;margin:0;max-width:100%;position:relative;z-index:1}
:is(#mission-site, .mission-site) .m-line{display:block}
:is(#mission-site, .mission-site) .m-blue{color:var(--m-blue)}
:is(#mission-site, .mission-site) .m-highlight{position:relative;display:inline-block;color:var(--m-blue);z-index:0}
:is(#mission-site, .mission-site) .m-highlight:before{content:"";position:absolute;left:-2%;right:-2%;height:34%;bottom:1%;background:var(--m-yellow);z-index:-1;border-radius:5px;transform:rotate(-1.5deg)}
:is(#mission-site, .mission-site) .m-photo{margin:0 22px;overflow:hidden;border-radius:var(--m-radius);position:relative;background:#c8b88f}
:is(#mission-site, .mission-site) .m-photo img{display:block;width:100%;height:335px;object-fit:cover;object-position:50% 66%}
:is(#mission-site, .mission-site) .m-story{display:grid;grid-template-columns:1.52fr 1fr;gap:64px;padding:42px 40px 45px;align-items:start}
:is(#mission-site, .mission-site) .m-description{font-size:21px;font-weight:400;line-height:1.65;letter-spacing:-.65px;margin:0}
:is(#mission-site, .mission-site) .m-description strong{font-weight:600}
:is(#mission-site, .mission-site) .m-scripture{margin:0;padding:9px 0 0 23px;border-left:3px solid var(--m-yellow);font-size:14px;line-height:1.8;color:var(--m-muted)}
:is(#mission-site, .mission-site) .m-scripture br{display:block;content:"";margin-bottom:14px}
:is(#mission-site, .mission-site) .m-invitation{margin:0 22px 29px;padding:31px 31px 32px;display:flex;align-items:center;justify-content:space-between;gap:34px;background:var(--m-sky);border-radius:var(--m-radius)}
:is(#mission-site, .mission-site) .m-join{font-size:38px;font-weight:500;line-height:1.12;letter-spacing:-1.9px;max-width:590px;margin:0;color:var(--m-blue);text-wrap:balance}
:is(#mission-site, .mission-site) .m-donate{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-shrink:0;background:var(--m-yellow);border-radius:var(--m-radius);padding:19px 21px 19px 25px;color:#263339;font-size:15px;font-weight:600;min-height:60px;min-width:207px}
:is(#mission-site, .mission-site) .m-donate i{width:21px;height:21px}
:is(#mission-site, .mission-site) .m-footer{padding:21px 40px 30px;border-top:1px solid var(--m-line)}
:is(#mission-site, .mission-site) .m-footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
:is(#mission-site, .mission-site) .m-legal{display:flex;gap:15px 23px;flex-wrap:wrap;font-size:11px;color:var(--m-muted)}
:is(#mission-site, .mission-site) .m-socials{display:flex;gap:9px}
:is(#mission-site, .mission-site) .m-socials a{display:grid;place-items:center;width:33px;height:33px;background:var(--m-sky);border-radius:50%;color:var(--m-blue);font-size:14px;font-weight:700}
:is(#mission-site, .mission-site) .m-footer-bottom{display:grid;grid-template-columns:1.55fr 1fr auto;gap:34px;align-items:end;margin-top:23px;color:var(--m-muted);font-size:11px;line-height:1.75}
:is(#mission-site, .mission-site) .m-footer-bottom p{margin:0}
:is(#mission-site, .mission-site) .m-payment{display:block;width:76px;height:auto}
:is(#mission-site, .mission-site) .m-payments{display:flex;align-items:center;gap:12px}
:is(#mission-site, .mission-site) .m-payments .m-payment{flex-shrink:0}
:is(#mission-site, .mission-site) .m-payments .m-payment-prostir{width:110px}

@container(max-width:820px){
:is(#mission-site, .mission-site) .m-header{padding:20px 27px;gap:18px}
:is(#mission-site, .mission-site) .m-lang{margin-left:0}
:is(#mission-site, .mission-site) .m-intro{padding:30px 28px 36px}
:is(#mission-site, .mission-site) h1{font-size:7.6cqw}
:is(#mission-site, .mission-site) .m-photo{margin:0 17px}
:is(#mission-site, .mission-site) .m-photo img{height:300px}
:is(#mission-site, .mission-site) .m-story{gap:33px;padding:33px 28px}
:is(#mission-site, .mission-site) .m-description{font-size:18px}
:is(#mission-site, .mission-site) .m-scripture{font-size:13px;padding-left:19px}
:is(#mission-site, .mission-site) .m-invitation{margin:0 17px 25px;padding:27px;gap:25px}
:is(#mission-site, .mission-site) .m-join{font-size:31px;letter-spacing:-1.5px}
:is(#mission-site, .mission-site) .m-donate{min-width:175px;gap:20px;padding:17px 21px}
:is(#mission-site, .mission-site) .m-footer{padding:22px 28px 28px}
}
@container(max-width:590px){
:is(#mission-site, .mission-site) .m-header{padding:14px 22px;gap:15px}
:is(#mission-site, .mission-site) .m-intro{padding:25px 23px 27px}
:is(#mission-site, .mission-site) h1{font-size:clamp(41px,12.35cqw,67px);line-height:1.04;letter-spacing:-.067em;font-weight:600}
:is(#mission-site, .mission-site) .m-line:first-child{max-width:100%}
:is(#mission-site, .mission-site) .m-highlight{margin-top:3px}
:is(#mission-site, .mission-site) .m-photo{margin:0 12px}
:is(#mission-site, .mission-site) .m-photo img{height:266px;object-position:46% 65%}
:is(#mission-site, .mission-site) .m-story{display:block;padding:27px 24px 29px}
:is(#mission-site, .mission-site) .m-description{font-size:18px;line-height:1.68;letter-spacing:-.45px}
:is(#mission-site, .mission-site) .m-scripture{font-size:13px;line-height:1.85;margin-top:28px;padding:0 0 0 17px}
:is(#mission-site, .mission-site) .m-invitation{margin:0 12px 25px;display:block;padding:26px 23px}
:is(#mission-site, .mission-site) .m-join{font-size:32px;line-height:1.15;letter-spacing:-1.6px;text-wrap:pretty;max-width:340px;margin-bottom:25px}
:is(#mission-site, .mission-site) .m-donate{width:100%;min-height:59px;font-size:15px;padding:18px 23px}
:is(#mission-site, .mission-site) .m-footer{padding:22px 24px 27px}
:is(#mission-site, .mission-site) .m-footer-top{display:block}
:is(#mission-site, .mission-site) .m-legal{gap:14px 18px;line-height:1.5}
:is(#mission-site, .mission-site) .m-socials{margin-top:23px;gap:11px}
:is(#mission-site, .mission-site) .m-socials a{height:38px;width:38px}
:is(#mission-site, .mission-site) .m-footer-bottom{grid-template-columns:1fr;gap:18px;font-size:11px;margin-top:25px}
}
:is(#mission-site, .mission-site) .m-intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:center;gap:32px}
:is(#mission-site, .mission-site) h1{font-size:clamp(56px,7cqw,90px)}
:is(#mission-site, .mission-site) .m-giving{display:flex;align-items:center;justify-content:center;margin:0;padding:0;align-self:center}
:is(#mission-site, .mission-site) .m-donate{font-size:19px;min-height:66px;gap:23px;padding:20px 26px}
:is(#mission-site, .mission-site) .m-primary-donate{width:340px;max-width:100%;min-width:0;min-height:84px;font-size:25px;font-weight:600;justify-content:center;gap:18px;padding:24px 26px}
@container(max-width:980px){
:is(#mission-site, .mission-site) .m-header{padding:20px 27px;gap:17px;flex-wrap:wrap}
:is(#mission-site, .mission-site) .m-intro{grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr);gap:26px}
:is(#mission-site, .mission-site) h1{font-size:6.8cqw}
:is(#mission-site, .mission-site) .m-primary-donate{font-size:22px}
}
@container(max-width:680px){
:is(#mission-site, .mission-site) .m-intro{display:block}
:is(#mission-site, .mission-site) h1{font-size:clamp(41px,12.35cqw,70px)}
:is(#mission-site, .mission-site) .m-giving{margin-top:26px;gap:20px;padding:0}
:is(#mission-site, .mission-site) .m-primary-donate{min-height:72px;font-size:23px;padding:21px;width:100%}
:is(#mission-site, .mission-site) .m-header{padding:14px 22px}
:is(#mission-site, .mission-site) .m-invitation{flex-wrap:wrap}
:is(#mission-site, .mission-site) .m-donate{min-width:0}
}
/* The hit area stays still on hover. Only the reflection and shadow fade. */
:is(#mission-site, .mission-site) .m-donate{
 position:relative;isolation:isolate;overflow:hidden;
 background-color:var(--m-action);
 background-image:radial-gradient(ellipse at 12% 0%,rgba(255,255,255,.46),transparent 60%),linear-gradient(170deg,rgba(255,255,255,.12),transparent 52%,rgba(224,159,0,.12));
 border:1px solid rgba(255,255,255,.72);border-radius:var(--m-radius);
 color:#202e35;
 box-shadow:inset 0 2px 2px rgba(255,255,255,.8),inset 0 -2px 3px rgba(162,110,0,.17),0 8px 22px rgba(93,75,0,.10);
 transition:box-shadow .28s ease;
}
:is(#mission-site, .mission-site) .m-donate::before{
 content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;pointer-events:none;
 border:1px solid rgba(255,255,255,.28);
 background:linear-gradient(115deg,rgba(255,255,255,.25),transparent 28%,transparent 73%,rgba(255,255,255,.18));
}
:is(#mission-site, .mission-site) .m-donate::after{
 content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
 background:radial-gradient(ellipse at 78% 8%,rgba(255,255,255,.8),transparent 65%);
 opacity:.08;transition:opacity .32s ease;
}
@media(hover:hover) and (pointer:fine){
 :is(#mission-site, .mission-site) .m-donate:hover{box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -2px 3px rgba(162,110,0,.17),0 10px 28px rgba(93,75,0,.16)}
 :is(#mission-site, .mission-site) .m-donate:hover::after{opacity:.28}
}
:is(#mission-site, .mission-site) .m-donate:active{box-shadow:inset 0 2px 5px rgba(126,92,0,.16),inset 0 -1px 1px rgba(255,255,255,.65),0 3px 12px rgba(93,75,0,.08)}
:is(#mission-site, .mission-site) .m-donate:focus-visible{outline:3px solid var(--m-blue);outline-offset:5px}
:is(#mission-site, .mission-site) .m-lang,:is(#mission-site, .mission-site) .m-toggle{
 background-color:var(--m-sky);
 background-image:linear-gradient(155deg,rgba(255,255,255,.4),rgba(255,255,255,0));
 border:1px solid rgba(255,255,255,.62);
 box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 3px 10px rgba(21,55,94,.05);
 border-radius:var(--m-radius);
}
:is(#mission-site, .mission-site) .m-lang{padding:12px 17px}
:is(#mission-site, .mission-site) .m-toggle{flex-shrink:0}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :is(#mission-site, .mission-site) .m-donate{background-color:rgba(255,215,0,.9);-webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35)}
 :is(#mission-site, .mission-site) .m-lang,:is(#mission-site, .mission-site) .m-toggle{
  background-color:light-dark(rgba(230,239,251,.7),rgba(36,57,84,.85));
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  backdrop-filter:blur(12px) saturate(1.2);
 }
 :is(#mission-site, .mission-site) .m-mobile-nav:not([hidden]){
  background-color:light-dark(rgba(255,254,249,.96),rgba(23,28,33,.96));
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
 }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 :is(#mission-site, .mission-site) .m-donate::before,:is(#mission-site, .mission-site) .m-donate::after{display:none}
 :is(#mission-site, .mission-site) .m-donate{background:var(--m-action);border:2px solid #202e35;-webkit-backdrop-filter:none;backdrop-filter:none}
 :is(#mission-site, .mission-site) .m-lang,:is(#mission-site, .mission-site) .m-toggle{background:var(--m-sky);-webkit-backdrop-filter:none;backdrop-filter:none}
 :is(#mission-site, .mission-site) .m-mobile-nav:not([hidden]){background:var(--m-paper);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 :is(#mission-site, .mission-site) .m-donate,:is(#mission-site, .mission-site) .m-donate::after{transition:none}
}
:is(#mission-site, .mission-site) .m-donate{text-transform:uppercase;letter-spacing:.025em}
:is(#mission-site, .mission-site) .m-nav a[aria-current=page]{color:var(--m-blue);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
:is(#mission-site, .mission-site) .m-nav .m-menu-donate{display:flex;align-items:center;justify-content:center;line-height:1.2;font-size:inherit;letter-spacing:inherit;height:48px;min-height:48px;min-width:0;padding:0 19px;border-radius:var(--m-radius)}
:is(#mission-site, .mission-site) .m-mobile-nav .m-menu-donate{display:flex;align-items:center;justify-content:center;line-height:1;margin-top:10px;padding:0 18px;font-size:17px;height:52px;min-height:52px}
:is(#mission-site, .mission-site) .m-inner{padding:0 39px 40px}
:is(#mission-site, .mission-site) .m-page-title{font-size:clamp(52px,7cqw,90px);letter-spacing:-.06em;line-height:1.04;font-weight:600;margin:40px 0 38px}
:is(#mission-site, .mission-site) .m-inner p{font-size:19px;line-height:1.8;letter-spacing:-.25px;margin:0 0 24px}
:is(#mission-site, .mission-site) .m-inner h2,:is(#mission-site, .mission-site) .m-inner h3{font-weight:500;color:var(--m-blue);letter-spacing:-.045em;line-height:1.15;margin:0 0 25px;text-wrap:pretty}
:is(#mission-site, .mission-site) .m-inner h2{font-size:46px}
:is(#mission-site, .mission-site) .m-inner h3{font-size:34px}
:is(#mission-site, .mission-site) .m-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:start}
:is(#mission-site, .mission-site) .m-opening>p{font-size:20px;line-height:1.7}
:is(#mission-site, .mission-site) .m-opening>.m-media{margin:0}
:is(#mission-site, .mission-site) .m-prologue{max-width:790px;margin:34px auto 52px}
:is(#mission-site, .mission-site) .m-chapter{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.55fr);gap:60px;padding:48px 0;border-top:1px solid var(--m-line)}
:is(#mission-site, .mission-site) .m-chapter .m-copy{min-width:0}
:is(#mission-site, .mission-site) .m-media{position:relative;margin:25px 0 32px;border-radius:var(--m-radius);overflow:hidden;background:var(--m-sky)}
:is(#mission-site, .mission-site) .m-media img{display:block;width:100%;height:auto}
:is(#mission-site, .mission-site) .m-media a{display:block;position:relative}
:is(#mission-site, .mission-site) .m-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 1px #fffc,0 4px 24px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
:is(#mission-site, .mission-site) .m-copy a:not(.m-media a){color:var(--m-blue);text-decoration:underline;text-underline-offset:4px}
:is(#mission-site, .mission-site) .m-closing{padding:40px;margin:35px -17px 0;background:var(--m-sky);border-radius:var(--m-radius);display:flex;align-items:center;justify-content:space-between;gap:45px}
:is(#mission-site, .mission-site) .m-closing h2{font-size:38px;margin:0;max-width:760px}
:is(#mission-site, .mission-site) .m-closing .m-donate{font-size:18px;white-space:nowrap}
:is(#mission-site, .mission-site) .m-about{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:start;margin-bottom:45px}
:is(#mission-site, .mission-site) .m-about>p{font-size:24px;line-height:1.65;letter-spacing:-.6px}
:is(#mission-site, .mission-site) .m-goals{background:var(--m-sky);padding:30px;border-radius:var(--m-radius)}
:is(#mission-site, .mission-site) .m-goals p{font-size:18px;line-height:1.7}
:is(#mission-site, .mission-site) .m-goals p:last-child{margin:22px 0 0;color:var(--m-blue);font-weight:600}
:is(#mission-site, .mission-site) .m-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 -17px 55px}
:is(#mission-site, .mission-site) .m-gallery img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:var(--m-radius)}
:is(#mission-site, .mission-site) .m-reach{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0;align-items:start;border-top:1px solid var(--m-line)}
:is(#mission-site, .mission-site) .m-reach .m-media{margin-top:0}
:is(#mission-site, .mission-site) .m-reach .m-copy>.m-media img{max-height:180px;object-fit:contain;background:#fff}
:is(#mission-site, .mission-site) .m-collection{padding:48px 0;border-top:1px solid var(--m-line)}
:is(#mission-site, .mission-site) .m-collection>header{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin-bottom:30px;align-items:start}
:is(#mission-site, .mission-site) .m-collection>header h2{font-size:42px;margin:0}
:is(#mission-site, .mission-site) .m-collection>header p{margin:0;color:var(--m-muted);font-size:18px;line-height:1.7}
:is(#mission-site, .mission-site) .m-stat{max-width:590px;margin:20px auto 38px}
:is(#mission-site, .mission-site) .m-stat img{width:100%;height:auto;display:block;border-radius:var(--m-radius)}
:is(#mission-site, .mission-site) .m-stat figcaption{font-size:13px;line-height:1.5;color:var(--m-muted);margin-top:12px;text-align:center}
:is(#mission-site, .mission-site) .m-stat a{text-decoration:underline;text-underline-offset:3px}
:is(#mission-site, .mission-site) .m-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
:is(#mission-site, .mission-site) .m-video{display:block;min-width:0}
:is(#mission-site, .mission-site) .m-video figure{position:relative;margin:0 0 15px;border-radius:var(--m-radius);overflow:hidden;background:var(--m-sky)}
:is(#mission-site, .mission-site) .m-video img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
:is(#mission-site, .mission-site) .m-video .m-play{width:43px;height:43px}
:is(#mission-site, .mission-site) .m-video h3{font-size:18px;line-height:1.4;letter-spacing:-.35px;color:var(--m-ink);margin:0 0 8px;font-weight:600}
:is(#mission-site, .mission-site) .m-video small{font-size:14px;color:var(--m-muted);line-height:1.4}
:is(#mission-site, .mission-site) .m-video:hover h3{color:var(--m-blue)}
@container(max-width:1060px){
 :is(#mission-site, .mission-site) .m-nav,:is(#mission-site, .mission-site) .m-lang{display:none}
 :is(#mission-site, .mission-site) .m-toggle{display:flex}
 :is(#mission-site, .mission-site) .m-mobile-nav:not([hidden]){display:flex;position:absolute;left:0;right:0;top:100%;padding:14px 27px 23px;flex-direction:column;background:var(--m-paper);border-bottom:1px solid var(--m-line);box-shadow:0 15px 20px #0001}
 :is(#mission-site, .mission-site) .m-mobile-nav a{padding:14px 0;font-size:20px;font-weight:500}
 :is(#mission-site, .mission-site) .m-mobile-langs{display:flex;gap:25px;margin-top:9px;padding-top:9px;border-top:1px solid var(--m-line)}
 :is(#mission-site, .mission-site) .m-opening,:is(#mission-site, .mission-site) .m-about,:is(#mission-site, .mission-site) .m-reach,:is(#mission-site, .mission-site) .m-collection>header{gap:30px}
 :is(#mission-site, .mission-site) .m-chapter{gap:35px}
 :is(#mission-site, .mission-site) .m-inner{padding:0 28px 30px}
}
@container(max-width:680px){
 :is(#mission-site, .mission-site) .m-inner{padding:0 23px 25px}
 :is(#mission-site, .mission-site) .m-page-title{font-size:52px;margin:28px 0 28px;letter-spacing:-.055em}
 :is(#mission-site, .mission-site) .m-inner p{font-size:18px;line-height:1.75;margin-bottom:22px}
 :is(#mission-site, .mission-site) .m-opening,:is(#mission-site, .mission-site) .m-about,:is(#mission-site, .mission-site) .m-reach,:is(#mission-site, .mission-site) .m-collection>header,:is(#mission-site, .mission-site) .m-chapter{display:block}
 :is(#mission-site, .mission-site) .m-inner h2{font-size:34px}
 :is(#mission-site, .mission-site) .m-inner h3{font-size:29px}
 :is(#mission-site, .mission-site) .m-chapter{padding:33px 0}
 :is(#mission-site, .mission-site) .m-chapter h3{margin-bottom:22px}
 :is(#mission-site, .mission-site) .m-prologue{margin:27px 0 33px}
 :is(#mission-site, .mission-site) .m-media{margin:22px 0}
 :is(#mission-site, .mission-site) .m-closing{display:block;margin:24px -11px 0;padding:27px 23px}
 :is(#mission-site, .mission-site) .m-closing h2{font-size:30px;margin-bottom:27px}
 :is(#mission-site, .mission-site) .m-closing .m-donate{font-size:18px;justify-content:center}
 :is(#mission-site, .mission-site) .m-about{margin-bottom:28px}
 :is(#mission-site, .mission-site) .m-about>p{font-size:20px;line-height:1.7}
 :is(#mission-site, .mission-site) .m-goals{padding:24px;margin:28px -11px 0}
 :is(#mission-site, .mission-site) .m-goals p{font-size:17px}
 :is(#mission-site, .mission-site) .m-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 -11px 30px}
 :is(#mission-site, .mission-site) .m-gallery img{aspect-ratio:1.2}
 :is(#mission-site, .mission-site) .m-reach,:is(#mission-site, .mission-site) .m-collection{padding:34px 0}
 :is(#mission-site, .mission-site) .m-collection>header{margin-bottom:24px}
 :is(#mission-site, .mission-site) .m-collection>header h2{font-size:32px;margin-bottom:18px}
 :is(#mission-site, .mission-site) .m-collection>header p{font-size:18px}
 :is(#mission-site, .mission-site) .m-videos{grid-template-columns:1fr;gap:28px}
 :is(#mission-site, .mission-site) .m-video h3{font-size:19px;line-height:1.4;margin-bottom:7px}
 :is(#mission-site, .mission-site) .m-video figure{margin-bottom:13px}
}

html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:#fffef9}
@font-face{font-family:MissionIcons;src:url('/assets/fonts/fontawesome-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}
:is(#mission-site, .mission-site){line-height:1.5}
:is(#mission-site, .mission-site) .m-donate,:is(#mission-site, .mission-site) .m-toggle,:is(#mission-site, .mission-site) a{cursor:pointer}
:is(#mission-site, .mission-site) button{font-family:inherit}
:is(#mission-site, .mission-site) .m-icon{display:inline-flex;align-items:center;justify-content:center;font-family:MissionIcons;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;flex-shrink:0;speak:none}
:is(#mission-site, .mission-site) .m-icon-heart::before{content:'\f08a'}
:is(#mission-site, .mission-site) .m-icon-menu::before{content:'\f0c9'}
:is(#mission-site, .mission-site) .m-icon-play::before{content:'\f04b'}
:is(#mission-site, .mission-site) .m-icon-camera::before{content:'\f16d'}
:is(#mission-site, .mission-site) .m-icon-send::before{content:'\f1d8'}
:is(#mission-site, .mission-site) .m-icon-facebook::before{content:'\f09a'}
:is(#mission-site, .mission-site) .m-icon-youtube::before{content:'\f16a'}
:is(#mission-site, .mission-site) .m-icon-play{font-size:19px}
:is(#mission-site, .mission-site) .m-video .m-icon-play{font-size:15px}
:is(#mission-site, .mission-site) .m-primary-donate .m-icon{font-size:25px;width:25px;height:25px}
:is(#mission-site, .mission-site) .m-footer-bottom .m-icon{font-size:15px}
:is(#mission-site, .mission-site) .m-socials{flex-wrap:wrap}
:is(#mission-site, .mission-site) .m-socials .m-icon{font-size:15px}
:is(#mission-site, .mission-site) .m-donate{line-height:1.2}
:is(#mission-site, .mission-site) .m-donate:hover{color:#202e35}
:is(#mission-site, .mission-site) .m-mobile-nav[hidden]{display:none}
:is(#mission-site, .mission-site) .m-mobile-nav [aria-current=page]{color:var(--m-blue)}
:is(#mission-site, .mission-site) [id=donation]{scroll-margin-top:24px}
:is(#mission-site, .mission-site).m-locale-en .m-brand-name{font-size:20px}
:is(#mission-site, .mission-site).m-locale-en .m-intro h1{font-size:clamp(46px,5.7cqw,73px)}
:is(#mission-site, .mission-site).m-locale-en .m-intro{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}
:is(#mission-site, .mission-site).m-locale-en .m-nav{font-size:16px;gap:16px}
@container(max-width:680px){
 :is(#mission-site, .mission-site).m-locale-en .m-intro h1{font-size:clamp(36px,10.4cqw,60px)}
 :is(#mission-site, .mission-site) .m-brand-name{font-size:clamp(17px,5.13cqw,20px)}
 :is(#mission-site, .mission-site) .m-brand-name span{font-size:10px;letter-spacing:.1em}
}
@container(max-width:360px){
 :is(#mission-site, .mission-site) .m-header{padding-left:16px;padding-right:16px;gap:10px}
 :is(#mission-site, .mission-site) .m-brand{gap:9px}
 :is(#mission-site, .mission-site) .m-brand-name{font-size:17px}
 :is(#mission-site, .mission-site) .m-primary-donate{font-size:21px;gap:13px;padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:is(#mission-site, .mission-site) .m-header,:is(#mission-site, .mission-site) .m-donate,:is(#mission-site, .mission-site) .m-toggle{display:none}:is(#mission-site, .mission-site){max-width:none}:is(#mission-site, .mission-site) .m-chapter{break-inside:avoid}}

/* Optical centering of the lettering; button bounds and icons stay fixed. */
:is(#mission-site, .mission-site) .m-donate-label{display:inline-block;position:relative;top:2px}

/* Books share the typography and editorial rhythm of the inner pages. */
:is(#mission-site, .mission-site) .m-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:44px;padding:44px 0;border-top:1px solid var(--m-line)}
:is(#mission-site, .mission-site) .m-book-cover{overflow:hidden;border-radius:var(--m-radius);background:var(--m-sky)}
:is(#mission-site, .mission-site) .m-book-cover img{display:block;width:100%;height:auto}
:is(#mission-site, .mission-site) .m-book-copy{min-width:0}
:is(#mission-site, .mission-site) .m-book h2{font-size:clamp(29px,3.1cqw,39px);margin-bottom:20px;overflow-wrap:break-word}
:is(#mission-site, .mission-site) .m-book-download{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:14px 23px;border:1px solid color-mix(in srgb,var(--m-blue) 24%,transparent);border-radius:var(--m-radius);background:var(--m-sky);background:linear-gradient(145deg,color-mix(in srgb,var(--m-paper) 65%,transparent),transparent),var(--m-sky);color:var(--m-blue);font-size:18px;font-weight:600;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff90,0 5px 16px #245be009;transition:box-shadow .2s ease,border-color .2s ease}
:is(#mission-site, .mission-site) .m-book-download:hover{border-color:var(--m-blue);box-shadow:inset 0 1px 0 #ffffff90,0 7px 22px #245be01a}
:is(#mission-site, .mission-site) .m-book-download:focus-visible{outline:3px solid var(--m-blue);outline-offset:4px}
:is(#mission-site, .mission-site) .m-icon-download::before{content:'\f019'}
@container(max-width:1060px){
 :is(#mission-site, .mission-site) .m-book{gap:30px}
}
@container(max-width:680px){
 :is(#mission-site, .mission-site) .m-book{grid-template-columns:minmax(0,1fr);gap:25px;padding:30px 0}
 :is(#mission-site, .mission-site) .m-book h2{font-size:29px;margin-bottom:18px}
 :is(#mission-site, .mission-site) .m-book-download{width:100%;padding:14px 18px}
}
@media(prefers-reduced-motion:reduce){:is(#mission-site, .mission-site) .m-book-download{transition:none}}

/* Purpose page shares the typography and spacing of the modern inner pages. */
:is(#mission-site, .mission-site) .m-meta-copy{max-width:880px;margin-bottom:32px}
:is(#mission-site, .mission-site) .m-meta-terms{padding:24px 28px;margin-top:28px;background:var(--m-sky);border-radius:var(--m-radius)}
:is(#mission-site, .mission-site) .m-meta-terms p{margin:0;font-weight:500}
@container(max-width:680px){
 :is(#mission-site, .mission-site) .m-meta-copy{margin-bottom:12px}
 :is(#mission-site, .mission-site) .m-meta-terms{padding:22px;margin-top:24px}
}

/* Desktop navigation uses one text size and line box, including the donation button. */
:is(#mission-site, .mission-site) .m-nav .m-menu-donate .m-donate-label{top:0}
