@import "../sections/about/hero.css";
@import "../sections/about/mission.css";
@import "../sections/about/principles.css";
@import "../sections/about/founders.css";
@import "../sections/about/cta.css";

/* Section-specific styles are split into the imported files above */

/* =========================================================
   ABOUT — Premium Canvas Page (aligned with Blog/Contact)
   ========================================================= */

:root{
  --about-header-light: #e6e6e8;
  --about-canvas: radial-gradient(
    circle at top,
    #0f1115 0%,
    #0b0f1a 55%,
    #07080c 100%
  );
  --about-notch: polygon(
    0% 0%,
    100% 0%,
    100% 62%,
    58% 62%,
    44% 100%,
    0% 100%
  );
}

body.page-about{
  background: var(--about-canvas);
  min-height: 100vh;
}

body.page-about .header-transition{
  background: #06090f !important;
}

body.page-about main.page{
  padding-top: 0 !important;
  background: #06090f !important;
}

.page-about .about-stage::before{
  content: none;
  background: none;
  opacity: 0;
  height: 0;
  inset: unset;
}