/* Shared tokens & rhythm — matches homepage white sections */
.site-page,
.atomic-center-page,
.asnn-page,
.case-studies-page,
.case-study-detail-page {
  --site-accent: #f97316;
  --site-accent-deep: #ea580c;
  --site-accent-pale: #fff7ed;
  --site-ink: #3c3c3c;
  --site-ink-soft: #374151;
  --site-muted: #6b7280;
  --site-line: #f3f4f6;
  --site-border: #e5e7eb;
  --site-bg: #ffffff;
  --site-radius: 1rem;
  --site-radius-lg: 1.5rem;
  --site-container: 80rem;
  --site-nav-height: 60px;
}

.site-page .page-eyebrow,
.atomic-center-page .eyebrow,
.asnn-page .kicker,
.case-studies-page .cs-eyebrow,
.case-studies-page .cs-section-label {
  display: inline-block;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--site-accent, #f97316);
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .site-page .page-eyebrow,
  .atomic-center-page .eyebrow,
  .asnn-page .kicker,
  .case-studies-page .cs-eyebrow,
  .case-studies-page .cs-section-label {
    font-size: 0.9375rem;
    letter-spacing: 0.12em;
  }
}

.site-page .page-title,
.atomic-center-page h1,
.atomic-center-page h2,
.asnn-page h1,
.asnn-page h2,
.case-studies-page .cs-title,
.case-studies-page .cs-section-title {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.032em;
  line-height: 1.1;
  color: var(--site-ink, #3c3c3c);
}

.site-page .page-lede,
.atomic-center-page .section-lede,
.asnn-page .lede,
.case-studies-page .cs-lead,
.case-studies-page .cs-section-desc {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--site-muted, #6b7280);
  max-width: 43.75rem;
}

@media (min-width: 640px) {
  .site-page .page-lede,
  .atomic-center-page .section-lede,
  .asnn-page .lede,
  .case-studies-page .cs-lead,
  .case-studies-page .cs-section-desc {
    font-size: 1.125rem;
  }
}

.site-page .page-container,
.atomic-center-page .wrap,
.atomic-center-page .hero-inner,
.asnn-page .wrap,
.case-studies-page .cs-hero-inner,
.case-studies-page .cs-featured-inner,
.case-studies-page .cs-grid-inner {
  max-width: var(--site-container, 80rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {
  .site-page .page-container,
  .atomic-center-page .wrap,
  .atomic-center-page .hero-inner,
  .asnn-page .wrap,
  .case-studies-page .cs-hero-inner,
  .case-studies-page .cs-featured-inner,
  .case-studies-page .cs-grid-inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}