/* ==============================================================================
   VINASTECH DESIGN SYSTEM — CINEMATIC LAYOUT & RHYTHM (CLEAN OVERRIDE)
   ============================================================================== */

@import url('vst-cinematic-tokens.css');

.vst-container {
  width: min(calc(100% - 48px), 1400px);
  margin-inline: auto;
  padding: 0 clamp(16px, 3vw, 40px);
}

.vst-section {
  padding-block: clamp(64px, 7.5vw, 120px);
}

/* SECTION RHYTHM CLASSES */
.vst-section-midnight {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

.vst-section-midnight h1,
.vst-section-midnight h2,
.vst-section-midnight h3 {
  color: #0f172a !important;
}

.vst-section-navy {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.vst-section-navy h1,
.vst-section-navy h2,
.vst-section-navy h3 {
  color: #0f172a !important;
}

.vst-section-surface {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  border-block: 1px solid #e2e8f0 !important;
}

.vst-section-white {
  background-color: #ffffff !important;
  color: #0f172a !important;
}