:root {
  --bg: #080808;
  --panel: #11110f;
  --panel-2: #191813;
  --text: #f4f0e7;
  --muted: #b9b1a3;
  --gold: #c6a04b;
  --gold-2: #e0c46e;
  --red: #b3161f;
  --line: rgba(224,196,110,.22);
  --white-soft: rgba(255,255,255,.08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif;
  background:
    radial-gradient(circle at 20% 10%, rgba(179,22,31,.2), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(198,160,75,.13), transparent 28%),
    var(--bg);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 38px)); margin: 0 auto; }
.nav {
  position: sticky; top: 0; z-index: 20;
  background: rgba(8,8,8,.82);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.nav-inner { display:flex; align-items:center; justify-content:space-between; min-height:78px; gap:24px; }
.brand { display:flex; align-items:center; gap:14px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.brand img { width:64px; height:64px; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:24px; color: var(--muted); font-weight:700; font-size: .92rem; }
.nav-links a:hover { color: var(--gold-2); }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border:1px solid var(--gold); color:#111; background:linear-gradient(135deg, var(--gold-2), var(--gold));
  padding:14px 20px; border-radius:999px; font-weight:900; text-transform:uppercase; letter-spacing:.04em;
  box-shadow: 0 14px 44px rgba(198,160,75,.16);
}
.btn.secondary { background:transparent; color: var(--gold-2); border-color: var(--line); box-shadow:none; }
.hero {
  min-height: calc(100vh - 78px);
  display:grid; align-items:center; position:relative; overflow:hidden;
  padding: 64px 0;
}
.hero-grid { display:grid; grid-template-columns: 1.08fr .92fr; gap:54px; align-items:center; }
.kicker { color: var(--gold-2); font-weight:900; text-transform:uppercase; letter-spacing:.18em; font-size:.84rem; margin-bottom:18px; }
h1, h2, h3 { font-family: Oswald, Impact, sans-serif; text-transform:uppercase; line-height:.96; margin:0; }
h1 { font-size: clamp(4rem, 10vw, 8.75rem); letter-spacing:-.045em; }
h2 { font-size: clamp(2.65rem, 6vw, 5.4rem); letter-spacing:-.035em; }
h3 { font-size: clamp(1.7rem, 3vw, 2.4rem); letter-spacing:-.02em; }
.text-gold { color: var(--gold-2); }
.text-red { color: var(--red); }
.lede { color: var(--muted); font-size: clamp(1.05rem, 1.8vw, 1.28rem); line-height:1.7; max-width: 720px; margin: 24px 0 32px; }
.hero-card {
  position:relative; border:1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-radius: 30px; padding: 18px; box-shadow: 0 35px 90px rgba(0,0,0,.45);
}
.hero-card img { border-radius:22px; width:100%; aspect-ratio:1/1; object-fit:cover; }
.stat-row { display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:22px; }
.stat { padding:18px; background:rgba(255,255,255,.045); border:1px solid var(--line); border-radius:20px; }
.stat strong { display:block; font-family:Oswald, sans-serif; font-size:1.8rem; color:var(--gold-2); }
.stat span { color:var(--muted); font-size:.88rem; text-transform:uppercase; font-weight:800; letter-spacing:.04em; }
.section { padding: 92px 0; border-top:1px solid rgba(224,196,110,.13); }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:34px; }
.section-head p { color:var(--muted); line-height:1.7; max-width:560px; margin:0; }
.cards { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; }
.card {
  background:linear-gradient(180deg, rgba(25,24,19,.92), rgba(17,17,15,.95));
  border:1px solid var(--line); border-radius:28px; padding:24px; min-height:220px;
}
.card .num { color:var(--red); font-weight:900; letter-spacing:.12em; margin-bottom:18px; }
.card p { color:var(--muted); line-height:1.65; }
.image-grid { display:grid; grid-template-columns: 1.15fr .85fr; gap:18px; align-items:stretch; }
.image-grid img { height:100%; width:100%; object-fit:cover; border-radius:28px; border:1px solid var(--line); }
.image-grid.single-image {
  grid-template-columns: minmax(280px, 760px);
  justify-content: center;
}
.image-grid.single-image img {
  aspect-ratio: 16 / 10;
  height: auto;
}
.split { display:grid; grid-template-columns: .9fr 1.1fr; gap:44px; align-items:center; }
.panel { padding:34px; border-radius:30px; border:1px solid var(--line); background:rgba(17,17,15,.82); }
.panel p, .profile p, .page-hero p { color:var(--muted); line-height:1.75; }
.profile-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; }
.profile { border:1px solid var(--line); border-radius:28px; overflow:hidden; background:var(--panel); }
.profile img { width:100%; aspect-ratio: 4/5; object-fit:cover; }
.profile-body { padding:22px; }
.coming {
  border-radius:34px; border:1px solid var(--line); padding:44px;
  background: linear-gradient(135deg, rgba(179,22,31,.18), rgba(198,160,75,.12)), var(--panel);
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:28px;
}
.email-box {
  background:#050505; border:1px solid var(--line); border-radius:22px; padding:22px;
}
.email-box small { display:block; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; font-weight:900; margin-bottom:8px; }
.email-box a { color:var(--gold-2); font-size: clamp(1.1rem, 2.4vw, 1.6rem); font-weight:900; }
.footer { padding:44px 0; color:var(--muted); border-top:1px solid var(--line); }
.footer-inner { display:flex; justify-content:space-between; gap:22px; align-items:center; }
.page-hero { padding: 88px 0 54px; }
.badge-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.badge { border:1px solid var(--line); color:var(--gold-2); border-radius:999px; padding:10px 14px; font-weight:800; text-transform:uppercase; font-size:.82rem; }
@media (max-width: 850px) {
  .nav-inner { flex-wrap:wrap; padding: 12px 0; }
  .nav-links { width:100%; justify-content:space-between; gap:12px; font-size:.8rem; }
  .hero-grid, .split, .image-grid, .coming { grid-template-columns:1fr; }
  .cards, .profile-grid, .stat-row { grid-template-columns:1fr; }
  .section-head { display:block; }
  .hero { padding: 42px 0; }
  .footer-inner { display:block; }
}
.feature-band {
  display:grid;
  grid-template-columns: .85fr 1.15fr;
  gap:28px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:34px;
  padding:34px;
  background:linear-gradient(135deg, rgba(179,22,31,.16), rgba(198,160,75,.08)), rgba(17,17,15,.82);
}
.feature-band p { color:var(--muted); line-height:1.75; font-size:1.05rem; }
.feature-band img { border-radius:26px; border:1px solid var(--line); width:100%; object-fit:cover; }
@media (max-width: 850px) {
  .feature-band { grid-template-columns:1fr; padding:22px; }
}