/* Gridline Studio_2 visual variant */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&family=Sora:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #17324d;
  --paper: #f7efe3;
  --lime: #e7c95a;
  --orange: #e8795b;
  --blue: #b8dcd4;
  --muted: #5d7180;
  --line: rgba(23, 50, 77, .24);
  --sans: 'Sora', sans-serif;
  --serif: 'DM Serif Display', Georgia, serif;
  --mono: 'IBM Plex Mono', monospace;
}

body { background: var(--paper) !important; color: var(--ink) !important; }
.hero { background: var(--blue) !important; }
.hero h1, .page-heading h1, .intro h2, .feature-details h2, .cta h2,
.specialist-grid h3, .process-grid h3, .work-list h2, .values h2 { color: var(--ink) !important; }
.hero h1 em, .page-heading h1 em, h2 em { color: var(--orange) !important; }
.hero-arrow { background: var(--orange) !important; color: var(--paper) !important; }
.band:nth-of-type(even), .process { background: #efe2d0 !important; }
.section-index, .eyebrow { color: var(--orange) !important; }
.text-link, .light-link { border-color: var(--orange) !important; color: var(--ink) !important; }
.specialist-grid a:hover, .process-grid > div:hover { background: var(--lime) !important; color: var(--ink) !important; }
.feature-image, .hero-image, .studio-image, .work-list article img { border-color: var(--orange) !important; }
.cta { background: var(--ink) !important; color: var(--paper) !important; }
.cta h2, .cta h2 em { color: var(--paper) !important; }
.cta h2 em { color: var(--lime) !important; }
.site-nav a.active, .site-nav a:hover, .back-link:hover { color: var(--orange) !important; }
.brand { color: var(--orange) !important; }
.brand small, .location, .kicker, .section-top > p:last-child, .hero-meta, .hero-image span, footer, .contact-details { color: var(--muted) !important; }

@media (max-width: 700px) {
  .site-nav { background: var(--lime) !important; color: var(--ink) !important; }
}