/* Mortal DS pack: catalog_blue — semantic contract (values from pack) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --color-bg: #ffffff;
  --color-surface: #f6f6f6;
  --color-ink: #0a0a0a;
  --color-muted: #5f5f5f;
  --color-accent: #0159a3;
  --color-accent-soft: #d1e1ff;
  --font-display: "Inter", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --color-ink-strong: #113458;
  --color-surface-2: #f1f1f1;
  --color-surface-3: #d1e1ff;
  --color-border: #dddddd;
  --color-border-strong: #cccccc;
  --color-accent-hover: #113458;
  --color-accent-2: #0000ee;
  --color-on-accent: #ffffff;
  --radius-button: 4px;
  --radius-card: 8px;
  --radius-control: 4px;
  --radius: 8px;
}


/* Mortal/studio section rhythm — collapse stacked padding (injected at build) */
:is(.hero,.section,.services-section,.contact,.cta,.faq-section,.reviews,.features,.features-floating,.logos,.process-section,.stats-section,.blog-latest)
  + :is(.hero,.section,.services-section,.contact,.cta,.faq-section,.reviews,.features,.features-floating,.logos,.process-section,.stats-section,.blog-latest) {
  padding-top: 0;
}
.feature-media:empty { display: none; }
@media (min-width: 900px) {
  .feature:has(> .feature-media:empty) { grid-template-columns: 1fr; }
}
