:root {
  --site-preview-canvas: #f2f5f6;
  --site-preview-line: #d7dfe3;
  --site-preview-surface: #fff;
}

html,
body {
  background: var(--site-preview-canvas);
}

.site-header {
  background: rgba(242, 245, 246, 0.94);
  border-bottom-color: rgba(17, 26, 34, 0.1);
}

.mobile-menu {
  background: var(--site-preview-canvas);
}

.brand-film-entry {
  border-block-color: var(--site-preview-line);
  background:
    linear-gradient(108deg, transparent 49.85%, rgba(23, 40, 56, 0.045) 50%, transparent 50.15%) 0 0 / 150px 100%,
    var(--site-preview-canvas);
}

.hero,
.hero-grid,
.hero-copy,
.hero-visual,
.industry-strip,
.capability-heading,
.capability-equipment {
  background: var(--site-preview-canvas);
}

.about-company,
.product-section,
.capability-section,
.clients-section,
.quote-section,
.contact-section {
  background: var(--site-preview-canvas);
}

.about-company,
.contact-section {
  box-shadow: 0 0 0 100vmax var(--site-preview-canvas);
}

.client-logo,
.product-card:not(.product-card-dark),
.quote-form input,
.quote-form select,
.quote-form textarea,
.quote-file-control {
  background: var(--site-preview-surface);
}

.quote-form {
  border: 1px solid var(--site-preview-line);
  border-top: 4px solid var(--lead-orange);
  background: rgba(255, 255, 255, 0.48);
}

.clients-section,
.quote-section,
.contact-section {
  border-top-color: var(--site-preview-line);
}

.capability-heading,
.capability-equipment {
  border-color: var(--site-preview-line);
}

html body .capability-section .capability .capability-copy h2,
html body .capability-section .capability-equipment .capability-equipment-heading h3 {
  color: #17222b !important;
  font-size: clamp(27px, 2.05vw, 33px) !important;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-weight: 660 !important;
}

html body .capability-section .capability-heading h2 {
  font-size: clamp(34px, 2.8vw, 42px) !important;
}

@media (max-width: 680px) {
  .site-header {
    background: rgba(242, 245, 246, 0.97);
  }

  html body .capability-section .capability-heading h2 {
    font-size: 32px !important;
  }

  html body .capability-section .capability .capability-copy h2,
  html body .capability-section .capability-equipment .capability-equipment-heading h3 {
    font-size: 26px !important;
  }
}