:root{--brand:#255d99;--brand-900:#1f4c83;--ink:#121212;--muted:#6b7280;--paper:#fff;--outline:#e7edf3;--shadow:0 10px 25px #03071214;--max:1120px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--paper);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65}img{max-width:100%;display:block}.container{width:min(92vw,var(--max));margin-inline:auto}.container.narrow{width:min(820px,92vw)}.center{text-align:center}.page{padding-top:60px}.site-header{z-index:60;background:0 0;transition:background .25s,box-shadow .25s,color .25s;position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:#fff;box-shadow:0 8px 24px #00000014}.nav-wrap{align-items:center;gap:1rem;padding:10px 0;display:flex}.brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-text{letter-spacing:.2px;color:#fff;font-weight:700}.site-header.scrolled .brand-text{color:var(--ink)}.desktop-nav{margin-left:auto}.desktop-nav ul{gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.desktop-nav a{color:#fff;font-weight:600;text-decoration:none;transition:color .25s}.site-header.scrolled .desktop-nav a{color:var(--ink)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--brand)}.btn-donate{color:#fff;background:#0f2d4a;border:2px solid #0000;border-radius:0;margin-left:1rem;padding:.55rem 1rem;font-weight:700;text-decoration:none;transition:background .25s,color .25s,transform 50ms}.btn-donate:hover{background:var(--brand);color:#fff}.btn-donate:active{transform:translateY(1px)}.btn-donate:focus-visible{outline:0;box-shadow:0 0 0 3px #255d9933}.hamburger{background:0 0;border:0;width:44px;height:44px;display:none;position:relative}.hamburger span{background:#fff;height:2px;transition:transform .25s,top .25s,opacity .25s;position:absolute;left:10px;right:10px}.hamburger span:first-child{top:14px}.hamburger span:nth-child(2){top:21px}.hamburger span:nth-child(3){top:28px}.site-header.scrolled .hamburger span{background:var(--ink)}.hamburger.active span:first-child{top:21px;transform:rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:21px;transform:rotate(-45deg)}.mobile-drawer{inset-block:0;z-index:70;width:300px;box-shadow:var(--shadow);background:#fff;padding:18px;transition:left .25s;position:fixed;left:-320px}.mobile-drawer.open{left:0}.mobile-drawer ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mobile-drawer a{color:var(--ink);padding:.7rem .4rem;font-weight:700;text-decoration:none;transition:color .25s;display:block}.mobile-drawer a:hover,.mobile-drawer a.active{color:var(--brand)}.mobile-drawer .drawer-cta{text-align:left;margin-top:.5rem}.mobile-drawer .drawer-cta .btn-donate{color:#fff;background:#0f2d4a;border-radius:0;width:auto;padding:.55rem 1rem;transition:background .25s,color .25s;display:inline-block}.mobile-drawer .drawer-cta .btn-donate:hover{background:var(--brand);color:#fff}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:65;background:#0f172a52;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}@media (max-width:900px){.desktop-nav{display:none}.hamburger{display:inline-block}.btn-donate{margin-left:auto}}.events-head{padding:0 0 8px}.events-head h1{letter-spacing:.2px;margin:50px;font-size:clamp(26px,1.2vw + 22px,32px);font-weight:700}.events-list .container{gap:100px;display:grid}.event{grid-template-columns:360px 1fr;align-items:flex-start;gap:50px;display:grid}.event-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:220px;box-shadow:var(--shadow);border-radius:6px}.event-title{margin:0 0 8px;font-size:clamp(18px,.8vw + 16px,22px)}.event-desc{color:var(--muted);margin:0 0 10px}.event-meta{color:var(--muted);gap:.25rem;margin:0 0 12px;padding:0;font-size:.95rem;list-style:none;display:grid}.event-meta .dot{background:var(--brand);border-radius:50%;width:7px;height:7px;margin-right:.45rem;display:inline-block;translate:0 -1px}.btn{border:2px solid #0000;border-radius:0;padding:.6rem 1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-outline{color:var(--brand);border-color:var(--brand);background:0 0}.btn-outline:hover{background:var(--brand);color:#fff}.btn-sm{padding:.45rem .85rem;font-size:.92rem}.pager{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:8px 0 28px;display:grid}.pager-link{color:var(--muted);border:1px solid var(--outline);border-radius:999px;padding:.55rem 1rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.pager-link:hover{color:var(--brand);border-color:var(--brand);background:#255d990f}.pager-link.prev{text-align:left;grid-column:1;justify-self:start}.pager-link.next{text-align:right;grid-column:3;justify-self:end}@media (max-width:560px){.pager{gap:12px}}.site-footer{background:var(--brand);color:#fff}.footer-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0;display:grid}.logo-badge img{background:#fff;border-radius:50%;width:64px;height:64px}.foot-col h4{margin:.2rem 0 .6rem}.foot-col ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.foot-col a{color:#fff;opacity:.95;text-decoration:none;transition:opacity .2s}.foot-col a:hover{opacity:1;text-decoration:underline}.socials a{margin-right:.6rem;display:inline-block}.footer-bottom{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.footer-bottom .legal{gap:14px;margin:0;padding:0;list-style:none;display:flex}.footer-bottom a{color:#fff;opacity:.9;text-decoration:none;transition:opacity .2s}.footer-bottom a:hover{opacity:1}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:12px}.footer-bottom{text-align:center;flex-direction:column}.footer-bottom .legal{flex-wrap:wrap;justify-content:center}.socials a{margin-right:.45rem}}@media (max-width:1024px){.event{grid-template-columns:320px 1fr}.event-media img{height:210px}}@media (max-width:820px){.event{grid-template-columns:1fr;gap:12px}.event-media img{height:220px}}@media (max-width:560px){.event-media img{height:200px}.pager{padding-bottom:30px}}.events-list .event{margin-bottom:1px}.events-list .event:last-child,.events-list .last-event{margin-bottom:100px}
