/* WFC FA-style reset + theme (consolidated) */
:root{
  --black:#0f0f10;
  --white:#fff;
  --grey-1:#f5f5f5;
  --grey-2:#e9e9e9;
  --text:#111;
  --muted:#666;
  --accent:#000;
  --radius:10px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--white);color:var(--text)}

/* Containers */
.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* Utility strip */
.util-strip{background:#fff;border-bottom:1px solid var(--grey-2);font-size:13px;color:var(--muted)}
.util-inner{display:flex;align-items:center;justify-content:space-between;min-height:36px}
.ticker-label{font-weight:700;margin-right:10px}
.ticker{display:inline-flex;gap:28px;white-space:nowrap;overflow:hidden}
.ticker span{animation:ticker 18s linear infinite;display:inline-block}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.util-right a{color:var(--text);text-decoration:none;margin-left:14px;opacity:.7}
.util-right a:hover{opacity:1}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--grey-2)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:56px;width:auto;display:block}

/* Accessible hidden checkbox (works with :checked) */
.nav-toggle{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0 0 0 0);overflow:hidden;
}

/* Burger */
.nav-burger{display:none;cursor:pointer;padding:10px;border-radius:8px;transition:background .2s;margin-left:auto}
.nav-burger:focus,.nav-burger:hover{background:var(--grey-1);outline:none}
.nav-burger span{display:block;width:22px;height:2px;background:#000;margin:5px 0;transition:transform .2s,opacity .2s}

/* Main nav styled like FA (clean, bold, uppercase) */
.main-nav ul{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;overflow-x:auto}
.main-nav a{display:block;padding:14px 12px;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.02em;color:#000;border-bottom:3px solid transparent;white-space:nowrap}
.main-nav a:hover,.main-nav a:focus{border-bottom-color:#000}
.main-nav a.active{border-bottom-color:#000}

/* Responsive nav */
@media (max-width:960px){
  .nav-burger{display:block}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--grey-2)}
  .main-nav ul{flex-direction:column;gap:0}
  .main-nav a{padding:12px 16px;border-bottom:1px solid var(--grey-2);width:100%}
  #nav-toggle:checked ~ .main-nav{display:block}
}
@media (max-width:960px){
  #nav-toggle:checked + .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #nav-toggle:checked + .nav-burger span:nth-child(2){opacity:0}
  #nav-toggle:checked + .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* Hero */
.hero{background:var(--grey-1);padding:60px 0;border-bottom:1px solid var(--grey-2)}
.kicker{font-family:'Bebas Neue',sans-serif;letter-spacing:.5px;font-size:44px;margin:0;color:#000}
.headline{font-size:28px;margin:6px 0 10px 0}
.subhead{color:var(--muted);max-width:720px}
.cta{margin-top:20px;display:flex;gap:12px}
.btn{background:#000;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}
.btn.outline{background:#fff;color:#000;border:2px solid #000}

/* Pillars */
.section-title{font-family:'Bebas Neue',sans-serif;font-size:36px;margin:40px 0 20px 0;text-align:center}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{border:1px solid var(--grey-2);border-radius:10px;padding:18px;background:#fff}
.card h3{margin:0 0 8px 0}
.imgcard{max-width:150px;width:auto;margin-bottom:5px;margin-left:40px;border-radius:10%}

/* Footer */
.site-footer{background:#0f0f10;color:#fff;margin-top:50px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:32px 0}
.footer-links{list-style:none;padding:0;margin:8px 0 0 0;columns:2}
.footer-links a{color:#fff;text-decoration:none;opacity:.9}
.footer-links a:hover{opacity:1}
.copy{border-top:1px solid rgba(255,255,255,.12);padding:12px 0;text-align:center;color:#bbb;font-size:13px}

/* Founders */
.founders{padding:60px 20px;background:#f9f9f9}
.founders .container{max-width:1200px;margin:0 auto}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.founder-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.08);display:flex;flex-direction:column;align-items:center;text-align:center}
.founder-card h3{margin-bottom:15px;font-size:1.2rem;color:#222;font-family:'Bebas Neue',sans-serif}
.founder-card p{margin-bottom:10px;line-height:1.6;font-size:.95rem;color:#555}
.founder-card blockquote{font-style:italic;font-weight:600;color:#444;margin:0 0 15px;padding:10px 20px;border-left:4px solid #00703c;background:#f4f4f4;border-radius:6px}
.founder-photo{width:100%;max-width:250px;height:auto;border-radius:10px;margin-bottom:20px;display:block}
@media (max-width:992px){
  .founders-grid{grid-template-columns:1fr;gap:20px}
  .founder-card{text-align:left;align-items:flex-start}
  .founder-photo{max-width:180px;margin:0 auto 15px auto}
}
@media (max-width:576px){
  .section-title{font-size:1.6rem}
  .founder-card{padding:15px}
  .founder-card h3{font-size:1rem}
  .founder-photo{max-width:140px}
}

/* Slideshow */
.slideshow{position:relative;padding:60px 0;background:#f9f9f9}
.slideshow .section-title{text-align:center;margin-bottom:15px}
.slideshow .subhead{text-align:center;max-width:800px;margin:0 auto 30px;color:#555;font-size:1.1rem;line-height:1.6}
.slideshow-container{position:relative;max-width:256px;margin:0 auto;overflow:hidden}
.slide{display:none}
.slide img{width:100%;max-width:256px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.fade{animation-name:fade;animation-duration:1.5s}
@keyframes fade{from{opacity:.4}to{opacity:1}}

/* Youth development & partners */
.youth-development,.partners{padding:60px 0;background:#fff}
.youth-development .section-title,.partners .section-title{text-align:center;margin-bottom:20px}
.youth-development .subhead,.partners .subhead{max-width:800px;margin:10px auto;text-align:center;font-size:1.1rem;line-height:1.6;color:#555}
.partners{background:#f9f9f9}
.partners .btn{display:inline-block;padding:12px 25px;font-weight:600;border-radius:6px;background:#0077cc;color:#fff;text-decoration:none}
.partners .btn:hover{background:#005fa3}

/* Upcoming events */
.upcoming-events{padding:60px 0;background:#fff}
.upcoming-events .section-title{text-align:center;margin-bottom:30px}
.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}
.event-card{background:#f9f9f9;padding:20px 25px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.05)}
.event-card h3{margin-bottom:10px;font-family:'Bebas Neue',sans-serif;font-size:22px;color:#0077cc}
.event-card p{margin-bottom:12px;line-height:1.6;color:#444}
@media (max-width:768px){.events-grid{grid-template-columns:1fr}}

/* Partners strip */
.partner-card img{height:60px;width:auto;object-fit:contain;display:block}
.partners-strip{padding:50px 0;background:#fff}
.partners-strip .section-title{text-align:center;margin-bottom:24px}
.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center;max-width:1100px;margin:0 auto}
.partner-card{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:14px 16px;background:#f9f9f9;border-radius:12px;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:transform .15s ease,box-shadow .15s ease}
.partner-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,0.08)}
.partner-card img{width:64px;height:64px;object-fit:contain}
.partner-meta{display:flex;flex-direction:column}
.partner-name{font-weight:700;color:#111;line-height:1.2}
.partner-tag{color:#666;font-size:.95rem;line-height:1.2;margin-top:2px}
@media (max-width:900px){.partners-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.partners-grid{grid-template-columns:1fr}}

/* Invitation */
.invitation{padding:60px 0;background:#f4f8fc}
.invitation .section-title{text-align:center;margin-bottom:20px}
.invitation .subhead{max-width:800px;margin:0 auto 40px;text-align:center;color:#444;font-size:1.1rem;line-height:1.6}
.partner-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:0 auto}
.invite-card{background:#fff;padding:20px 25px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.05);text-align:center}
.invite-card h3{margin-bottom:10px;font-family:'Bebas Neue',sans-serif;font-size:22px;color:#0077cc}
.invite-card p{font-size:.95rem;color:#555;line-height:1.5}
@media (max-width:900px){.partner-categories{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.partner-categories{grid-template-columns:1fr}}
.grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 20px;
}

.card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.card img.imgcard {
  max-width: 100px;
  height: auto;
  margin-bottom: 15px;
}

/* Tablet (2 columns) */
@media (max-width: 900px) {
  .grid4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (1 column) */
@media (max-width: 600px) {
  .grid4 {
    grid-template-columns: 1fr;
  }
}