/* Complementary warm gold from the editorial palette; original brand artwork stays intact. */
:root{--accent:var(--yellow);--accent-hover:#E7B744;--accent-soft:#FFF4D4}
.header-links{order:2;display:flex;align-items:center;gap:20px;white-space:nowrap}.header-links>a{order:0;display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:700}
@media(min-width:1101px){.topbar{gap:20px}.topbar .mobile-brand{width:166px;margin-right:8px}.topbar .account-nav{gap:18px}}
@media(max-width:1100px){.header-project-link{display:none!important}}
@media(min-width:761px) and (max-width:1100px){.community-page .story-heading:before{left:-32px;right:-32px}}
@media(max-width:760px){.header-links{display:none}}
@media(min-width:761px) and (max-width:900px){.topbar{padding:0 20px;gap:12px}.topbar .mobile-brand{width:144px;margin-right:0}.topbar .account-nav{gap:12px}}
.site-footer{--footer-muted:#dfe8ff;--footer-line:#ffffff38;--footer-gutter:max(32px,calc((100vw - 1224px)/2));background:var(--blue);color:#fff;padding:0 var(--footer-gutter);border:0}
.site-footer a,.site-footer h2{color:#fff}.site-footer a:hover{color:#ffe6cc}.site-footer :focus-visible{outline-color:var(--yellow)}
.footer-invitation{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px 0;border-bottom:1px solid var(--footer-line)}
.footer-invitation>img{width:36px;height:auto}.footer-invitation h2{font-size:28px;margin:0 0 8px}.footer-invitation p{font-size:14px;color:var(--footer-muted);margin:0}
.footer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.footer-actions .text-link,.footer-actions .button{font-size:14px;min-height:44px;white-space:normal}
.footer-actions .button-outline{background:var(--accent);border-color:var(--accent);color:var(--ink)}.footer-actions .button-outline:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--ink)}
.footer-main{display:grid;grid-template-columns:1.1fr .65fr .65fr 1.4fr;gap:32px;padding:28px 0}
.footer-brand>a{display:flex;align-items:center;min-height:44px;width:174px;margin-bottom:12px}.footer-brand img{width:100%;height:auto}
.footer-brand p{font-size:15px;line-height:1.5;margin:0 0 12px}.footer-brand small{font-size:12px;color:var(--footer-muted)}
.footer-main h2{font:700 16px/1.4 'DM Sans',sans-serif;letter-spacing:0;margin:8px 0 14px}
.footer-main nav{display:flex;flex-direction:column;align-items:flex-start}.footer-main nav>a{display:flex;align-items:center;min-height:38px;font-size:14px}
.footer-social{min-width:0}.footer-social h2{font-family:Jost,sans-serif;font-size:20px;margin:0 0 12px;font-weight:650}
.footer-social-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;grid-column:1/-1}
.footer-social-group{display:flex;align-items:center;gap:8px;flex-shrink:0}
.footer-social-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:#fff;border-radius:9px;white-space:nowrap}
.footer-social-links a:hover{background:#ffffff15;color:#fff}.footer-social-links .footer-youtube{border:1px solid #ffffff55;padding:9px 10px}.footer-youtube-name{font-size:13px;font-weight:700}.footer-subscribers{font-size:11px;font-weight:700;color:var(--accent)}
.footer-social-links .footer-social-icon{width:44px;padding:10px}.footer-social-links .social-symbol{width:22px;height:22px}.footer-social-icon .social-symbol{width:24px;height:24px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;background:var(--accent);color:var(--ink);margin:0 calc(-1 * var(--footer-gutter));padding:8px var(--footer-gutter)}
.footer-bottom a{display:inline-flex;align-items:center;min-height:32px;font-size:12px;color:var(--ink);font-weight:700}.footer-bottom a:hover{color:#000}.footer-bottom small{font-size:12px;line-height:1.4;color:var(--ink);margin:0}.footer-bottom :focus-visible{outline-color:var(--ink)}
.drawer-project{display:flex;flex-direction:column;gap:2px;padding:14px 12px 0;margin-top:8px;border-top:1px solid var(--line)}.drawer-project a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:14px}.drawer-project a:hover{color:var(--ink)}.drawer-project a>svg{width:18px;height:18px}.drawer-heading,.drawer-account,.sidebar-close,.drawer-project{flex-shrink:0}
/* Illustration-led openings. A light blue surface and coral details add contrast to reading pages. */
.community-art{margin:0;min-width:0}.community-art img{display:block;width:100%;height:auto;object-fit:contain}
.story-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:32px 0 42px;position:relative;isolation:isolate}
.story-heading:before{content:'';position:absolute;inset:-48px -48px 0;background:var(--soft);z-index:-1}.story-heading h1{margin-top:18px}.story-heading .community-lead{font-size:21px;margin-bottom:0;max-width:36ch}.story-art{align-self:center;max-width:580px;justify-self:end}
.story-pilar{border-top:0}.story-pilar .story-name{color:var(--blue)}.story-name:after{content:'';display:block;width:48px;height:4px;background:var(--accent);margin-top:12px;border-radius:2px}.story-pilar span{display:block;margin-top:10px}
.community-support{padding:32px;background:var(--accent-soft);border:0;border-radius:14px}.community-support h2{font-size:36px}.community-support .button,.donation-form>.button{background:var(--accent);border-color:var(--accent);color:var(--ink)}.community-support .button:hover,.donation-form>.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--ink)}
.donate-layout{grid-template-rows:auto 1fr;column-gap:64px;row-gap:0}.donate-layout>.community-heading{grid-column:1;grid-row:1}.donation-panel{grid-column:2;grid-row:1/3;border-color:#bfcce6;margin-top:24px;position:sticky;top:108px}
.support-art{grid-column:1;grid-row:2;max-width:470px;justify-self:start;align-self:start;margin-top:2px}.donate-layout .community-heading h1{font-size:clamp(42px,4.3vw,60px);margin-bottom:20px}.donate-layout .community-lead{font-size:20px;line-height:1.6}.donate-layout .community-heading>p:not(.community-lead){font-size:15px;line-height:1.7;margin-bottom:16px}
.donation-purpose{background:var(--soft);border-top:0;border-radius:14px;padding:32px;margin-top:36px}.donation-share{border-top:0;padding-top:36px}.donation-share .text-link{gap:12px}.donation-share .text-link>svg{color:var(--blue)}
@media(max-width:1000px){.footer-main{grid-template-columns:1.05fr .7fr .7fr;gap:28px}.footer-social{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.footer-social h2{grid-column:1/-1}.footer-invitation{grid-template-columns:36px 1fr;gap:18px}.footer-actions{grid-column:2;flex-direction:row;align-items:center;gap:20px}.story-heading .community-lead{font-size:19px}.donate-layout{column-gap:32px}.donation-panel{top:100px}}
@media(max-width:760px){
  .site-footer{--footer-gutter:24px}.footer-invitation{padding:26px 0}.footer-invitation h2{font-size:26px}.footer-actions{flex-wrap:wrap;gap:8px 18px}
  .footer-main{grid-template-columns:1fr 1fr;gap:24px;padding:28px 0}.footer-brand{grid-column:1/-1;order:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 20px}.footer-brand>a{width:156px;margin:0;align-self:start}.footer-brand p{font-size:13px;margin:0}.footer-brand small{grid-column:1/-1;font-size:11px;margin-top:8px}
  .footer-social{grid-column:1/-1;order:1;gap:0 12px}.footer-social h2{font-size:20px;margin-bottom:12px}.footer-main nav{order:2}.footer-main nav h2{font-size:14px;margin:0 0 6px}.footer-main nav>a{min-height:34px;font-size:13px}.footer-bottom{padding-top:6px;padding-bottom:6px;gap:0 8px}.footer-bottom a,.footer-bottom small{font-size:11px}
  .story-heading{padding:8px 0 26px;gap:18px;grid-template-columns:1fr}.story-heading:before{inset:-32px -24px 0}.story-heading .community-lead{font-size:19px;max-width:44ch}.story-heading h1{margin-top:14px;margin-bottom:18px}.story-art{width:100%;max-width:500px;justify-self:center}.story-pilar{padding-top:32px}
  .community-support{padding:26px 22px}.community-support h2{font-size:30px}.donate-layout{grid-template-rows:auto;gap:0}.donate-layout>.community-heading{grid-column:1;grid-row:1}.support-art{grid-column:1;grid-row:2;max-width:400px;width:100%;justify-self:center;margin:4px 0 20px}.donation-panel{grid-column:1;grid-row:3;position:static;top:auto;margin-top:0}.donate-layout .community-heading h1{font-size:44px}.donate-layout .community-lead{font-size:19px}.donation-purpose{padding:26px 22px;gap:16px}.donation-purpose h2{font-size:29px}.donation-purpose p{font-size:15px}
}
@media(max-width:400px){.site-footer{--footer-gutter:20px}.footer-invitation{grid-template-columns:1fr;gap:16px}.footer-invitation>img{display:none}.footer-actions{grid-column:1;flex-direction:column;align-items:flex-start;gap:2px}.footer-brand{grid-template-columns:1fr;gap:12px}.footer-brand>a{width:160px}.footer-brand p{font-size:13px}.footer-brand small{margin-top:0}.footer-main{gap:22px 20px}.footer-bottom a,.footer-bottom small{font-size:11px}.story-heading:before{left:-20px;right:-20px}.story-heading .community-lead{font-size:18px}.donate-layout .community-heading h1{font-size:40px}.donate-layout .community-lead{font-size:18px}}

@media(max-width:400px){.footer-social-links,.footer-social-group{gap:6px}.footer-social-links .footer-youtube{padding:9px 10px}}

/* Center the entire mobile footer while retaining the two compact link columns. */
@media(max-width:760px){
 .site-footer{text-align:center}
 .footer-invitation{grid-template-columns:1fr;justify-items:center;gap:16px;text-align:center}
 .footer-invitation>img{justify-self:center}
 .footer-actions{grid-column:1;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:8px 20px}
 .footer-actions .text-link{justify-content:center}
 .footer-brand{display:flex;flex-direction:column;align-items:center;gap:10px;grid-column:1/-1}
 .footer-brand>a{margin:0;align-self:center}.footer-brand p{margin:0;text-align:center}
 .footer-social{display:block;grid-column:1/-1;text-align:center}.footer-social-links{justify-content:center}
 .footer-main nav{align-items:center;text-align:center}.footer-main nav>a{justify-content:center}
 .footer-bottom{justify-content:center;text-align:center}.footer-bottom small{margin:0}
}

/* A focused, centered closing invitation on the About page. */
@media(min-width:761px){
 .footer-main{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:center;justify-items:center;text-align:center}
 .footer-brand{display:flex;flex-direction:column;align-items:center}
 .footer-brand>a{align-self:center}.footer-brand p{margin:0}
 .footer-main nav{align-items:center}.footer-main nav>a{justify-content:center}
 .footer-social{grid-column:auto;display:block;width:100%}
 .footer-social-links{justify-content:center}
}
@media(min-width:761px) and (max-width:1000px){.footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-social{grid-column:1/-1}}
.about-page .community-support{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:56rem;margin:0 auto;padding:36px 40px}
.about-page .community-support h2{max-width:none;margin:0 0 16px;font-size:clamp(30px,2.8vw,36px)}
.about-page .community-support p{max-width:58ch;line-height:1.7;margin:0 0 24px}
.about-page .community-support .button{margin:0}
@media(max-width:760px){.about-page .community-support{padding:28px 22px}.about-page .community-support h2{max-width:22ch;font-size:30px}.about-page .community-support p{font-size:16px}}
@media(max-width:400px){.about-page .community-support h2{font-size:28px}}