/* NSBE Ole Miss — Static site styles (no frameworks) */
:root{
  --bg:#000;
  --bg-2:#0b0b0c;
  --card:#111216;
  --text:#fff;
  --muted:#c9c9cf;
  --line:#22232a;
  --green:#28A745;
  --gold:#FFCC00;
  --red:#E11D48;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.mt-2{margin-top:12px}
.nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.6);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.brand{display: flex; align-items: center; gap: 8px;}
.logo-img { height: 40px;   /* adjust to fit your navbar height */ width: auto;    /* keeps aspect ratio */ margin-right: 10px;}
.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#fff;color:#000;font-weight:800}
.brand-txt small{display:block;color:#9aa0a6}
.nav-links{display:none;gap:16px}
.nav-ctas{display:flex;gap:8px}
@media(min-width:900px){.nav-links{display:flex}}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:.18s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn.block{width:100%}
.btn-lg{padding:12px 18px;font-size:1.05rem}
.btn-primary{background:var(--green);color:#001a04}
.btn-primary:hover{filter:brightness(1.05)}
.btn-light{background:#fff;color:#000}
.btn-ghost{border:1px solid #2a2b31;background:transparent;color:#e5e7eb}
.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2a2b31;background:#0f1014;color:#fff;outline:none}
.input::placeholder{color:#7f8792}
.form{display:flex;flex-direction:column;gap:10px}

.section{padding:72px 0}
.section-dark{background:var(--bg)}
.section-darker{background:var(--bg-2)}

.row{display:flex;gap:12px;flex-wrap:wrap}
.row-between{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.stack{display:flex;flex-direction:column;gap:8px}
.grid-2{display:grid;grid-template-columns:1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:1fr;gap:20px}
.cards-grid{display:grid;grid-template-columns:1fr;gap:16px}
.cards-grid.four{grid-template-columns:repeat(1,1fr)}
@media(min-width:720px){.grid-2{grid-template-columns:1.2fr .8fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}.cards-grid.four{grid-template-columns:repeat(4,1fr)}}

.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.card h3{margin:4px 0 8px 0}

.hero{position:relative;background:linear-gradient(180deg,#000, #0b0b0c 60%, #000);padding:120px 0 88px 0;overflow:hidden}
.hero-inner{text-align:center;position:relative;z-index:2}
.hero h1{font-size:clamp(30px,5vw,56px);margin:0 0 12px 0;font-weight:800;letter-spacing:-0.02em}
.hero p{max-width:760px;margin:0 auto;color:#d5d6db;font-size:clamp(16px,2.3vw,20px)}
.hero-ctas{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.hero-stats{display:flex;gap:16px;justify-content:center;margin-top:16px;color:#aeb3bb}
.hero-glow{position:absolute;inset:-20%;background:
 radial-gradient(600px 300px at 20% 10%, rgba(255,204,0,0.18), transparent 50%),
 radial-gradient(500px 300px at 80% 30%, rgba(40,167,69,0.18), transparent 55%),
 radial-gradient(600px 350px at 50% 80%, rgba(225,29,72,0.18), transparent 55%);
 filter: blur(32px);z-index:1;pointer-events:none}

.checklist{margin:18px 0 0 0;padding:0 0 0 20px}
.checklist li{margin:8px 0;color:#e7e8ec}

.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.gallery img{width:100%;height:200px;object-fit:cover;border-radius:16px;transition:transform .2s ease}
.gallery img:hover{transform:scale(1.03)}
@media(min-width:1024px){.gallery{grid-template-columns:repeat(4,1fr)}.gallery img{height:220px}}

.footer{border-top:1px solid var(--line);padding:40px 0;background:#000}
.list{list-style:none;margin:8px 0 0 0;padding:0}
.list li{margin:6px 0}
.muted{color:#aeb3bb}
.xs{font-size:12px}
.ol{margin:10px 0 0 18px}