@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Inter:wght@400;500;600&display=swap');

.ngm-page * { box-sizing: border-box; }
.ngm-page {
  background: #0B0A08;
  color: #EFE3C8;
  font-family: 'Inter', -apple-system, sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
.ngm-page h1, .ngm-page h2, .ngm-page h3 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.2;
  margin: 0;
}
.ngm-container { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.ngm-lede { font-size: 16px; color: #9C9184; max-width: 560px; }
.ngm-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 28px; border-radius: 2px;
  font-size: 14px; font-weight: 600; letter-spacing: 0.4px;
  text-decoration: none;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.ngm-btn:hover { transform: translateY(-2px); }
.ngm-btn-primary { background: #C9974F; color: #1A1208; }
.ngm-btn-secondary { background: transparent; color: #EFE3C8; border: 1px solid #8B5A2B; }

/* MINI HERO */
.ngm-mini-hero { padding: 90px 0 60px; text-align: center; }
.ngm-mini-hero h1 { font-size: clamp(32px, 4.5vw, 48px); text-transform: uppercase; }

/* PILLAR ROWS */
.ngm-pillars { padding: 20px 0 90px; }
.ngm-pillar-row {
  display: grid; grid-template-columns: 240px 1fr; gap: 40px;
  align-items: start;
  padding: 44px 0;
  border-top: 1px solid rgba(201,151,79,0.15);
}
.ngm-pillar-row:last-child { border-bottom: 1px solid rgba(201,151,79,0.15); }
.ngm-pillar-index {
  font-family: 'Cinzel', serif; font-size: 40px; color: #3A3327;
  line-height: 1;
}
.ngm-pillar-body h2 { font-size: 26px; text-transform: uppercase; margin-bottom: 12px; color: #EFE3C8; }
.ngm-pillar-body p { font-size: 15px; color: #9C9184; max-width: 620px; margin: 0 0 16px; }
.ngm-pillar-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.ngm-pillar-tags span {
  font-size: 12.5px; color: #C9974F; border: 1px solid rgba(201,151,79,0.3);
  border-radius: 999px; padding: 5px 14px;
}
.ngm-pillar-link { font-size: 13px; color: #C9974F; font-weight: 600; text-decoration: none; }
.ngm-pillar-link:hover { text-decoration: underline; }

@media (max-width: 700px) {
  .ngm-pillar-row { grid-template-columns: 1fr; gap: 12px; }
}

/* FINAL CTA */
.ngm-final-cta { text-align: center; padding: 90px 0; background: #131109; }
.ngm-final-cta h2 { font-size: 32px; margin-bottom: 24px; text-transform: uppercase; }
.ngm-final-cta-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }