/* A restrained refinement of Vagus School's existing lavender-and-gold identity. */
.title, .logo, h2.text-accent-purple, h3.text-accent-purple { color: #705480; }
.nav-link { color: #705480; font-weight: 400; }
.subtitle.text-gold { color: #94721f; }
.style-kicker { color: #705480; text-transform: none; letter-spacing: .045em; font-size: 14px; line-height: 1.4; box-shadow: none; }
.section-label { color: #705480; text-transform: none; letter-spacing: .035em; font-size: 14px; font-weight: 400; }
.style-panel.bg-accent-purple .section-label { color: #fff; }
.style-shell { box-shadow: 0 18px 50px #58426416; }
.section-shell { box-shadow: 0 9px 28px #5842640c; }
.style-panel, .style-metric { box-shadow: 0 5px 16px #5842640c; }
.golden-button { box-shadow: 0 5px 18px #b6912826; }
.golden-button::after { animation: none; opacity: 0; }
.vagus-home { padding-top: 32px; }
.vagus-hero { padding-block: 48px; }
.vagus-hero h1 { font-size: clamp(48px, 5.2vw, 72px); line-height: .98; letter-spacing: -.025em; }
.vagus-hero .subtitle { font-size: clamp(25px, 2.25vw, 30px); }
.vagus-hero .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.hero-start-note { margin-top: 20px; font-size: 14px; color: #635b68; }
.vagus-hero .video-shell { box-shadow: 0 12px 30px #58426418; }
.learning-overview .style-panel { padding: 12px 4px; border: none; border-radius: 0; box-shadow: none; background: transparent; backdrop-filter: none; transform: none; }
.learning-overview h2 { font-size: 28px; }
.learning-overview p:not(.section-label) { font-size: 16px; line-height: 1.7; }
.site-nav { box-shadow: 0 6px 20px #58426410; }
@media (max-width: 640px) {
  .vagus-home { padding-top: 16px; }
  .vagus-hero { padding-block: 28px; }
  .vagus-hero .hero-actions { gap: 18px; }
  .vagus-hero .style-kicker { font-size: 13px; }
  .vagus-hero .video-shell { margin-top: 0; }
}