@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500&display=swap');

@import './variables.css';
@import './reset.css';
@import './components.css';

@import './sections/nav.css';
@import './sections/services-hero.css';
@import './sections/svc-cards.css';
@import './sections/svc-steps.css';
@import './sections/projects.css';
@import './sections/footer.css';

/* ── Services dark shell: override homepage gradient ──── */

.projects-footer-shell {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), var(--clr-dark);
}

/* ── Services: override footer__cta top padding ── */

.footer__cta {
  --_cta-pt: calc(var(--r-footer) + clamp(6rem, 10vw, 10rem));
}