/* ============================================================
   Folgo — stylesheet entry point.

   Import order is the cascade order; keep it. Tokens must come
   first, responsive overrides last.
   ============================================================ */

/* base */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/layout.css");
@import url("base/typography.css");

/* sections, in document order */
@import url("sections/intro.css");
@import url("sections/header.css");
@import url("sections/hero.css");
@import url("sections/pinboard.css");
@import url("sections/services.css");
@import url("sections/footer.css");
@import url("sections/contact.css");

/* utilities — last, so they can override */
@import url("utilities/reveal.css");
@import url("utilities/responsive.css");

/* Scoped approved service layouts, including responsive reel spacing. */
@import url("sections/service-experiences.css?v=5");