@import url('../../shared/base.css');
:root{
  --font-heading:'Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#0a0a0a;--accent-2:#e11d48;--bg:#0a0a0a;--text:#f5f5f5;
  --header-bg:rgba(10,10,10,.75);--nav-bg:rgba(10,10,10,.75);--card-bg:#141414;--stats-bg:#0a0a0a;--border:#262626;
  --hero-text:#fff;--footer-bg:#000;
}
.hero{padding:9rem 1.5rem;background:#000;min-height:70vh;display:flex;align-items:center;justify-content:center}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero-fx{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.85))}
h1{font-weight:300;letter-spacing:.02em}
.lead{font-weight:300}