.site-interior {
  --linen-40: var(--brand-ink);
  --linen-60: var(--brand-ink);
  --linen-20: var(--brand-rule);
  background: var(--brand-linen);
  color: var(--brand-ink);
}

.site-interior .container {
  width: min(1240px, 86%);
  max-width: none;
  padding-inline: 0;
}

.site-interior .page-hero,
.site-interior .case-hero {
  padding: clamp(56px, 8vw, 118px) 0 clamp(36px, 6vw, 76px);
  background: var(--brand-sage);
  color: var(--brand-linen);
  border-color: var(--brand-rule);
}

.site-interior :is(.page-hero, .case-hero, .book-intro) h1 {
  max-width: 20ch;
  font-size: clamp(42px, 6vw, 84px);
  font-weight: 550;
  line-height: 1.04;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.site-interior :is(.page-hero, .case-hero) p {
  max-width: 61ch;
  font-size: clamp(18px, 2vw, 22px);
  color: inherit;
}

.site-interior .breadcrumb,
.site-interior .label,
.site-interior .price-detail,
.site-interior .case-stat-label,
.site-interior .book-facts span {
  color: var(--brand-ink);
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
}

.site-interior .breadcrumb a:hover { color: var(--brand-ink); text-decoration: underline; }
.site-interior :is(.page-hero, .case-hero) :is(.breadcrumb, .breadcrumb a, .label, .project-tag) { color: inherit; }
.site-interior :is(.page-hero, .case-hero) a:focus-visible { outline-color: var(--brand-linen); }
.site-interior .case-hero .project-tag {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--brand-linen) 48%, transparent);
}

.site-interior .section-head h2,
.site-interior .inline-cta h2 {
  font-size: clamp(32px, 4.5vw, 56px);
  font-weight: 550;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.site-interior :is(.section-head p, .service-card p, .process-item p, .contact-card p, .price-list li, .faq-answer, .article-body p, .article-body li, .case-body p, .case-body li) {
  font-size: 17px;
}

.site-interior :is(.service-card, .price-card, .contact-card) {
  background: var(--brand-linen);
  color: var(--brand-ink);
  border: 1px solid var(--brand-rule);
  border-radius: 14px;
}

.site-interior .price-card.featured { border-color: var(--brand-sage); }
.site-interior .contact-card:hover { background: var(--brand-linen); border-color: var(--brand-sage); }
.site-interior .contact-icon { background: var(--brand-ink); color: var(--brand-linen); }
.site-interior .agent-card { background: var(--brand-linen); border: 1px solid var(--brand-rule); }
.site-interior .contact-card .btn-wa { background: var(--brand-ink); color: var(--brand-linen); }
.site-interior .contact-card .btn-outline { color: var(--brand-ink); }
.site-interior :is(.article-body, .case-body) strong { color: var(--brand-ink); }

.site-interior :is(.project-link, .article-body a, .case-body a, .faq-answer a) {
  color: var(--brand-ink);
  text-decoration: underline;
  text-decoration-color: var(--brand-butternut);
  text-underline-offset: 4px;
}

.site-interior .faq-section { padding-block: clamp(34px, 6vw, 76px); }
.site-interior .faq-list { margin-top: 0; max-width: 820px; }
.site-interior .faq-item { border-color: var(--brand-rule); }
.site-interior .faq-item summary { color: var(--brand-ink); font-size: 19px; }
.site-interior .faq-item summary:hover { text-decoration: underline; text-underline-offset: 4px; }

.related-reading {
  display: grid;
  justify-items: start;
  gap: 10px;
  margin-top: 48px;
  scroll-margin-top: 24px;
}

.related-reading a { text-decoration: underline; text-underline-offset: 4px; }

.site-interior .inline-cta {
  padding: clamp(58px, 7vw, 94px) 0;
  background: var(--brand-butternut);
  color: var(--brand-linen);
}

.site-interior .inline-cta p { color: inherit; font-size: 18px; }
.site-interior .inline-cta .btn-wa { background: var(--brand-linen); color: var(--brand-ink); }
.site-interior .inline-cta .btn-wa:hover { background: var(--brand-ink); color: var(--brand-linen); }
.site-interior .inline-cta .btn-outline { border-color: currentColor; color: var(--brand-linen); }
.site-interior .inline-cta .btn-outline:hover { background: var(--brand-linen); color: var(--brand-ink); }
.site-interior .inline-cta a:focus-visible { outline-color: var(--brand-linen); }

.site-interior .book { padding: clamp(48px, 7vw, 100px) 0; }
.site-interior .book-panel { min-width: 0; border-color: var(--brand-rule); border-radius: 14px; box-shadow: none; }

.deployment-page > section:not(.page-hero, .inline-cta) { padding: clamp(44px, 6vw, 84px) 0; }
.deployment-page :is(.industry-section, .process-section) {
  background: var(--brand-sage);
  color: var(--brand-linen);
}
.deployment-page :is(.industry-section, .process-section) .section-head p,
.deployment-page .process-section .process-item p { color: inherit; }
.deployment-page .process-item::before { color: var(--brand-linen); }
.deployment-page #pricing { scroll-margin-top: 24px; }
.deployment-page .pricing-note { max-width: 70ch; margin-top: 22px; color: var(--brand-ink); }
.deployment-page .page-hero .site-action { margin-top: 26px; }
.contact-content .process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 720px) {
  .site-interior .container { width: 90%; }
  .site-interior .contact-content .process-grid { grid-template-columns: 1fr; }
}