/* Shared page frame based on the field-recording tool. */
body {
  background-color: #090c11;
  background-image: repeating-linear-gradient(135deg, #090c11 0, #090c11 3px, #171b22 3px, #171b22 6px);
  background-attachment: fixed;
}

.page-shell {
  width: min(100% - 24px, 880px);
  padding-top: 42px;
}

.page-nav { margin-bottom: 8px; }
.hero { padding: 8px 4px 14px; }
.section-heading h2 { font-size: 17px; }
.hero h1 { color: #fff; font-size: clamp(21px, 4vw, 30px); line-height: 1.3; }
.hero > p:last-child { color: #c2cbd5; }
.hero .eyebrow { color: #63cbb7 !important; }

@media (max-width: 480px) {
  .page-shell { width: min(100% - 16px, 880px); padding-top: 16px; }
  .hero { padding: 8px 2px 12px; }
}