:root{--ink:#30243a;--muted:#716578;--cream:#fffaf5;--pink:#f6b6ca;--pink-hot:#dc7197;--blue:#83baf0;--blue-deep:#315f8f;--lav:#c7b2ef;--yellow:#f6dd87;--line:rgba(48,36,58,.14);--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--ink);color:white;padding:.8rem 1rem;z-index:99}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(255,250,245,.92);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;letter-spacing:-.02em}.brand img{width:48px;height:48px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.91rem;font-weight:600}.site-header nav a{text-decoration:none;transition:.2s}.site-header nav>a:not(.nav-cta):hover{color:var(--pink-hot)}.nav-cta{padding:.72rem 1.05rem;background:var(--ink);color:white;border-radius:999px}.nav-cta:hover{background:var(--pink-hot);transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink);margin:5px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:clamp(4rem,8vw,8rem) max(5vw,24px);position:relative}.hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:var(--yellow);filter:blur(100px);opacity:.18;left:-120px;bottom:0}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:.7rem}.eyebrow span{width:28px;height:2px;background:var(--pink-hot)}h1,h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;line-height:.98}h1{font-size:clamp(3.7rem,6.2vw,7.4rem);max-width:800px}em{font-style:italic;color:var(--pink-hot)}.hero-lede{font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65;color:var(--muted);max-width:600px;margin:2rem 0}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{padding:1rem 1.35rem;border-radius:999px;text-decoration:none;font-weight:700;transition:.2s}.button-primary{background:var(--ink);color:white}.button-primary:hover{background:var(--pink-hot);transform:translateY(-2px)}.button-secondary{border:1.5px solid var(--ink)}.button-secondary:hover{background:white;transform:translateY(-2px)}.hero-note{display:flex;gap:.9rem;margin-top:2.5rem;font-size:.88rem;color:var(--muted);line-height:1.5}.hero-note strong{color:var(--ink)}.heart{display:grid;place-items:center;background:var(--pink);width:40px;height:40px;border-radius:50%;color:white;font-size:1.1rem;flex:none}.hero-art{position:relative;min-height:570px;display:grid;place-items:center}.image-frame{width:min(100%,660px);aspect-ratio:4/4.2;overflow:hidden;border:14px solid white;box-shadow:0 30px 80px rgba(48,36,58,.17);transform:rotate(2.5deg);position:relative}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.tape{position:absolute;width:120px;height:38px;background:rgba(199,178,239,.78);z-index:2;box-shadow:0 2px 7px rgba(0,0,0,.08)}.tape-one{top:6%;left:6%;transform:rotate(-14deg)}.tape-two{bottom:7%;right:4%;transform:rotate(-8deg);background:rgba(246,182,202,.8)}.orbit{position:absolute;z-index:3;border-radius:50%;display:grid;place-items:center;font-weight:700}.orbit-one{width:82px;height:82px;background:var(--yellow);right:-1%;top:14%;transform:rotate(10deg);font-family:var(--serif);font-style:italic}.orbit-two{width:64px;height:64px;background:var(--pink-hot);color:white;left:-1%;bottom:20%;font-size:1.5rem}.scribble{position:absolute;width:170px;right:-3%;bottom:0;fill:none;stroke:var(--blue-deep);stroke-width:3;stroke-linecap:round}.marquee{background:var(--ink);color:white;padding:1rem 0;overflow:hidden;white-space:nowrap;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.marquee div{width:max-content;animation:scroll 24s linear infinite}.marquee span{color:var(--pink);padding:0 2rem}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:clamp(5rem,10vw,10rem) max(5vw,24px)}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;display:flex;align-items:center;gap:.8rem;margin-bottom:2.5rem}.section-label span{display:grid;place-items:center;border:1px solid var(--line);width:36px;height:36px;border-radius:50%;letter-spacing:0}.mission{background:white}.mission-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.mission h2,.section-heading h2,.join h2{font-size:clamp(3rem,5vw,6rem)}.mission-copy{font-size:1.08rem;line-height:1.75;color:var(--muted);padding-top:.4rem}.mission-copy p:first-child{font-weight:600;color:var(--ink);font-size:1.22rem}.text-link{display:inline-flex;gap:1.5rem;margin-top:1.2rem;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:.3rem}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}.branches{background:#f2ecfb}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem;gap:3rem}.section-heading .section-label{margin-bottom:1rem}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.6}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.branch-card{min-height:480px;padding:1.6rem;border-radius:28px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.3s;box-shadow:inset 0 0 0 1px rgba(48,36,58,.06)}.branch-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px rgba(48,36,58,.12)}.community{background:var(--blue);color:#163c62}.hunger{background:var(--pink);color:#673044}.clothing{background:var(--lav);color:#3c2865}.card-number{font-size:.75rem;font-weight:700;border:1px solid currentColor;border-radius:999px;width:max-content;padding:.35rem .7rem}.card-icon{font-size:8rem;line-height:1;text-align:center;opacity:.72;transition:.3s}.branch-card:hover .card-icon{transform:scale(1.08) rotate(5deg)}.branch-card h3{font-family:var(--serif);font-size:2.8rem;margin:0 0 .5rem}.branch-card p{line-height:1.55;max-width:350px}.branch-card span{display:block;font-weight:700;margin-top:1.3rem}.join{background:white}.join-card{background:var(--ink);color:white;border-radius:36px;padding:clamp(2rem,6vw,6rem);display:grid;grid-template-columns:1fr 1fr;gap:8vw;position:relative;overflow:hidden}.join-card:after{content:"♥";position:absolute;font-family:var(--serif);font-size:28rem;color:rgba(255,255,255,.025);right:-3rem;bottom:-13rem}.join-copy{position:relative;z-index:1}.join-copy .eyebrow span{background:var(--pink)}.join-copy p:last-child{color:#cabfd1;line-height:1.7;max-width:500px}.join-links{position:relative;z-index:1}.join-links a{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;border-bottom:1px solid rgba(255,255,255,.2);font-family:var(--serif);font-size:clamp(1.35rem,2vw,2rem);text-decoration:none;transition:.2s}.join-links a:hover{color:var(--pink);padding-left:.5rem}.join-links b{font-family:var(--sans);font-weight:400}footer{background:#eee6dd;padding:4rem max(5vw,24px) 1.5rem}.footer-main{display:flex;justify-content:space-between;gap:3rem;padding-bottom:4rem}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand img{object-fit:contain}.footer-brand strong{font-family:var(--serif);font-size:1.55rem}.footer-brand p{color:var(--muted);margin:.4rem 0}.footer-contact{text-align:right}.footer-contact>p{font-family:var(--serif);font-size:1.5rem;margin:0 0 .5rem}.footer-contact>a{font-weight:600}.footer-contact div{display:flex;gap:1.2rem;justify-content:flex-end;margin-top:1.5rem;font-size:.85rem}.footer-bottom{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.branch-card:nth-child(2){transition-delay:.1s}.branch-card:nth-child(3){transition-delay:.2s}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--cream);padding:1.5rem 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:4rem}.hero-art{min-height:480px}.image-frame{max-height:520px}.mission-grid,.join-card{grid-template-columns:1fr;gap:3rem}.branch-grid{grid-template-columns:1fr}.branch-card{min-height:390px}.card-icon{font-size:6rem}.section-heading{align-items:start;flex-direction:column;gap:.5rem}.footer-main{flex-direction:column}.footer-contact{text-align:left}.footer-contact div{justify-content:flex-start}}
@media(max-width:560px){.site-header{height:70px}.site-header nav{top:70px}.brand img{width:40px;height:40px}.brand span{font-size:.92rem}.hero{min-height:auto;padding-bottom:5rem}.hero-art{min-height:370px}.image-frame{border-width:9px;aspect-ratio:1/1}.tape{width:88px;height:29px}.orbit-one{width:62px;height:62px}.orbit-two{width:52px;height:52px}.hero-actions{flex-direction:column}.button{text-align:center}.mission-grid{gap:2rem}.branch-card{min-height:360px}.join-card{border-radius:22px}.footer-bottom{flex-direction:column;gap:.5rem}}

/* Animation is progressive enhancement: content remains visible without JS. */
html:not(.js) .reveal{opacity:1;transform:none}

.home-banner{margin:clamp(1rem,3vw,2.5rem) max(3vw,18px);position:relative;background:white;padding:clamp(7px,1vw,14px);box-shadow:0 28px 70px rgba(48,36,58,.14);transform:rotate(-.35deg)}.home-banner img{display:block;width:100%;height:auto;border-radius:4px}.banner-tape{position:absolute;z-index:2;width:120px;height:36px;background:rgba(199,178,239,.8);top:-12px}.tape-left{left:7%;transform:rotate(-7deg)}.tape-right{right:8%;transform:rotate(6deg);background:rgba(246,182,202,.8)}.home-quote{border:0;margin:4rem auto 0;text-align:center;font-family:var(--serif);font-size:clamp(1.6rem,3vw,3rem);font-style:italic}.home-quote cite{display:block;font-family:var(--sans);font-size:.75rem;font-style:normal;text-transform:uppercase;letter-spacing:.14em;margin-top:1rem}.branches .branch-card{min-height:400px}@media(max-width:560px){.home-banner{margin-top:1rem}.banner-tape{width:75px;height:25px}.branches .branch-card{min-height:330px}}

.footer-contact .social-links{gap:.65rem;margin-top:1.25rem}.social-links a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-decoration:none;transition:.2s;background:rgba(255,255,255,.35)}.social-links a:hover{background:var(--ink);color:white;transform:translateY(-2px)}.social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-links .social-dot{fill:currentColor;stroke:none}.social-links .social-fill{fill:currentColor;stroke:none}

.site-header .donate-cta{background:var(--pink-hot)}.site-header .donate-cta:hover{background:#bd557c}

.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;cursor:pointer;font-size:.91rem;font-weight:600;display:flex;align-items:center;gap:.35rem;padding:.8rem 0}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary span{font-size:.8rem;transition:transform .2s}.nav-dropdown[open] summary span{transform:rotate(180deg)}.nav-dropdown>div{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:210px;background:white;border:1px solid var(--line);border-radius:16px;padding:.55rem;box-shadow:0 18px 45px rgba(48,36,58,.14);display:grid;gap:.15rem;z-index:30}.nav-dropdown>div:before{content:"";position:absolute;top:-11px;left:0;right:0;height:12px}.nav-dropdown>div a{padding:.7rem .8rem;border-radius:10px;white-space:nowrap}.nav-dropdown>div a:hover{background:#f2ecfb;color:var(--ink)!important}@media(max-width:900px){.nav-dropdown{width:100%;border-bottom:1px solid var(--line)}.nav-dropdown summary{justify-content:space-between;padding:.75rem 0}.nav-dropdown>div{position:static;transform:none;min-width:0;background:transparent;border:0;border-radius:0;padding:0 0 .75rem .75rem;box-shadow:none}.nav-dropdown>div a{padding:.55rem .7rem}.site-header nav .nav-cta{margin-top:.35rem;text-align:center}}