:root {
  --bg: #030303;
  --panel: #0c0707;
  --red: #a90f13;
  --red-2: #df2028;
  --text: #fff7ea;
  --muted: #c9bdb1;
  --dim: #887d74;
  --line: rgba(255, 247, 234, 0.13);
  --shadow: rgba(169, 15, 19, 0.34);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 16% 10%, rgba(169,15,19,.22), transparent 30rem),
    radial-gradient(circle at 80% 12%, rgba(169,15,19,.14), transparent 32rem),
    linear-gradient(180deg, #000 0%, var(--bg) 100%);
  letter-spacing: -0.02em;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 85%);
}
a { color: inherit; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 1rem clamp(1rem, 4vw, 3.5rem);
  background: rgba(3,3,3,.84);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.brand { font-weight: 950; text-decoration: none; font-size: 1.15rem; }
nav { display: flex; gap: clamp(.75rem,2vw,2rem); }
nav a { text-decoration: none; color: var(--muted); font-weight: 750; text-transform: lowercase; }
nav a:hover { color: var(--text); }
.section { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(3rem,7vw,6rem) 0; }
.hero { min-height: calc(100vh - 62px); display: flex; flex-direction: column; justify-content: center; }
.eyebrow { margin:0 0 1rem; color:#ff5960; text-transform: uppercase; letter-spacing:.28em; font-size:.78rem; font-weight:950; }
h1,h2 { margin:0; line-height:.92; font-weight:950; }
h1 { font-size: clamp(4rem, 8.6vw, 7.6rem); letter-spacing:-.085em; max-width: 100%; }
h2 { font-size: clamp(2.5rem, 6.5vw, 5.8rem); letter-spacing:-.07em; max-width: 960px; }
.hero-bottom { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,320px); gap:clamp(2rem,5vw,4rem); align-items:center; margin-top:1.2rem; }
.hero-copy { min-width:0; }
.lede { font-size: clamp(1.45rem, 2.6vw, 2.35rem); line-height:1.12; max-width:820px; margin:0; }
.sublede,.body-copy,.section-intro { color:var(--muted); font-size:clamp(1.03rem,1.5vw,1.28rem); line-height:1.5; }
.sublede { max-width:760px; margin:1rem 0 0; }
.hero-mark { display:flex; justify-content:center; }
.avatar { width:min(300px,70vw); aspect-ratio:1; object-fit:cover; border-radius:999px; border:4px solid rgba(169,15,19,.72); box-shadow:0 0 0 12px rgba(169,15,19,.1),0 24px 100px var(--shadow); }
.button-row { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:3.25rem; padding:0 1.35rem; border-radius:999px; text-decoration:none; font-weight:950; text-transform:lowercase; border:1px solid var(--line); }
.primary { background:var(--red); border-color:var(--red-2); box-shadow:0 14px 40px rgba(169,15,19,.25); }
.secondary { background:rgba(255,255,255,.04); }
.micro-links { color:var(--dim); margin-top:1.35rem; font-weight:700; }
.micro-links a { color:var(--text); }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.stat-card,.partner-card,.platform-list a { background:linear-gradient(135deg, rgba(169,15,19,.28), rgba(255,255,255,.025)); border:1px solid var(--line); border-radius:1.35rem; }
.stat-card { padding:clamp(1.3rem,3vw,2rem); }
.stat-card span { display:block; font-size:clamp(2.6rem,6vw,4.6rem); line-height:.9; font-weight:950; }
.stat-card p { color:var(--muted); margin:.7rem 0 0; font-weight:850; }
.featured { background:linear-gradient(135deg, rgba(169,15,19,.46), rgba(169,15,19,.08)); }
.split { display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(2rem,6vw,5rem); align-items:start; }
.dark-panel { width:min(1180px, calc(100% - 2rem)); padding:clamp(2rem,5vw,4rem); border:1px solid var(--line); border-radius:2rem; background:rgba(255,255,255,.025); }
.body-copy p:first-child { margin-top:0; }
.platform-list { display:grid; gap:.9rem; margin-top:1.5rem; }
.platform-list a { padding:1.25rem; text-decoration:none; display:grid; gap:.35rem; }
.platform-list strong { font-size:1.4rem; }
.platform-list span { color:var(--muted); }
.partners .section-intro { max-width:760px; }
.partner-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2rem; }
.partner-card { min-height:190px; padding:1rem; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:.85rem; text-align:center; }
.logo-box { display:grid; place-items:center; width:100%; height:112px; border-radius:1rem; background:#fff; border:1px solid rgba(255,247,234,.18); padding:.85rem; overflow:hidden; }
.logo-box img { display:block; max-width:100%; max-height:90px; object-fit:contain; }
.partner-card strong { font-size:1rem; line-height:1.15; }
.legal-note { color:var(--dim); margin-top:1.2rem; }
.contact-panel { display:grid; grid-template-columns:220px 1fr; gap:clamp(1.5rem,4vw,3rem); align-items:center; padding:clamp(2rem,5vw,4rem); border:1px solid rgba(169,15,19,.38); border-radius:2rem; background:linear-gradient(135deg, rgba(169,15,19,.24), rgba(255,255,255,.025)); }
.contact-panel img { width:100%; max-width:220px; opacity:.85; }
.contact-panel h2 { font-size:clamp(2.2rem,5vw,4.6rem); }
.contact-panel p { color:var(--muted); font-size:1.1rem; line-height:1.45; }
.contact-panel a { color:var(--text); font-weight:900; }
.site-footer { width:min(1180px, calc(100% - 2rem)); margin:0 auto; padding:2rem 0 4rem; color:var(--dim); border-top:1px solid var(--line); font-size:.95rem; line-height:1.45; }
@media (max-width:1000px) { .hero { padding-top:3rem; min-height:auto; } .hero-bottom { grid-template-columns:1fr; } .hero-mark { justify-content:flex-start; } .avatar { width:min(250px,64vw); } }
@media (max-width:900px) { .split,.contact-panel { grid-template-columns:1fr; } .stats,.partner-grid { grid-template-columns:repeat(2,1fr); } nav { display:none; } h1 { font-size:clamp(3.5rem,18vw,6.8rem); } }
@media (max-width:560px) { .stats,.partner-grid { grid-template-columns:1fr; } .section { width:min(100% - 1.25rem,1180px); } .button { width:100%; } }

/* v2.4 cleanup */
.work-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.work-section h2 {
  max-width: 1100px;
  font-size: clamp(3.4rem, 8vw, 7.4rem);
  line-height: .9;
  letter-spacing: -0.07em;
  margin: 0 0 1.6rem;
}
.work-section .section-intro {
  max-width: 760px;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
}
.contact-panel h2 {
  max-width: 820px;
}
@media (max-width: 760px) {
  .work-section h2 {
    font-size: clamp(3rem, 16vw, 5rem);
  }
}