*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:#0f1724;background:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}
:root{--max-w:1100px;--accent:#111827;--muted:#6b7280;--card:#ffffff;--radius:0px;--gap:1.25rem}
.container{max-width:var(--max-w);margin:0 auto;padding:1.25rem}
header{background:var(--card);border-bottom:1px solid #e6e9ef;position:sticky;top:0;z-index:40;backdrop-filter:blur(6px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max-w);margin:0 auto;padding:.85rem 1.25rem}
.brand{display:flex;gap:.75rem;align-items:center;text-decoration:none;color:inherit}
nav.desktop{display:flex;gap:1.125rem;align-items:center}
nav.desktop a{font-size:.92rem;color:var(--muted);text-decoration:none;padding:.35rem .45rem;border-radius:0px}
nav.desktop a.cta{background:var(--accent);color:#fff;padding:.45rem .75rem}
.menu-btn{display:none;background:transparent;border:0;padding:.35rem;cursor:pointer}
.mobile-menu{display:none;padding:.8rem 1.25rem;border-top:1px solid #eee;background:#fff}
main{padding:2.25rem 0}
.hero{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center}
.hero h2{font-size:2rem;margin:.6rem 0 0;font-weight:800;line-height:1.06}
.lead{color:#374151;max-width:58ch;margin-top:1rem}
.actions{margin-top:1.25rem;display:flex;gap:.6rem;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;padding:.6rem .9rem;border-radius:0px;font-weight:600}
.btn-primary{background:var(--accent);color:#fff}
.btn-outline{border:1px solid #e5e7eb;color:var(--accent);background:#fff}
.hero-media{border-radius:0px;overflow:hidden;background:#e6e9ef;min-height:220px;display:flex;align-items:center;justify-content:center}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.card{background:var(--card);border-radius:var(--radius);padding:1.25rem;box-shadow:0 6px 18px rgba(12,18,29,0.04);margin-bottom:1rem}
h3{margin:0;font-size:1.25rem;font-weight:700}
.grid{display:grid;gap:1rem}
.cols-2{grid-template-columns:repeat(2,1fr)}
.project{background:var(--card);border-radius:0px;overflow:hidden;box-shadow:0 6px 18px rgba(12,18,29,0.04)}
.project img{width:100%;height:160px;object-fit:cover;display:block}
.project .meta{padding:.85rem}
.event{padding:.9rem;border-radius:0px;background:var(--card);box-shadow:0 6px 12px rgba(12,18,29,0.03);display:flex;justify-content:space-between;align-items:flex-start}
.team-grid{display:grid;gap:1rem}
.contact-grid{display:grid;gap:1rem}
form input,form textarea{width:100%;padding:.6rem;border-radius:0px;border:1px solid #e6e9ef;font-size:.95rem}
.footer{margin-top:2rem;padding:1.05rem 0;border-top:1px solid #e6e9ef;background:var(--card)}
.muted{color:var(--muted)}
@media(min-width:860px){.hero{grid-template-columns:1fr 1fr}.hero h2{font-size:3rem}.menu-btn{display:none}.mobile-menu{display:none}}@media(max-width:860px){nav.desktop{display:none}.menu-btn{display:inline-block}.cols-2{grid-template-columns:1fr}}


/* Ensure hamburger menu visible and positioned on small screens */
@media (max-width: 860px) {
  .menu-btn{
    display:inline-block !important;
    position:relative;
    z-index:60;
    margin-left: auto;
    background:transparent;
    border:0;
    padding:.35rem;
  }
  .menu-btn .menu-icon{width:22px;height:22px;display:block}
  .mobile-menu{display:none}
}





/* === Rubblemaster Yellow only for simple links === */
a:not([class]):link {
  color: #F8CB00 !important; /* Rubblemaster Yellow */
}

a:not([class]):visited {
  color: #F8CB00 !important;
}

a:not([class]):hover,
a:not([class]):focus {
  color: #000000 !important; /* Black on hover */
}