/* Bingham Media v7 — cache-busted navigation, readability and daylight styles. */
header { min-height: 126px; padding-top: 12px; padding-bottom: 12px; }
.brand img { width: 176px; height: 102px; }
.brand img, .about-mark img { filter: brightness(0); }
header nav { gap: 52px; font-size: 30px; }
.talk { font-size: 27px; padding: 12px 0; }

body { font-size: 24px; line-height: 1.6; }
.hero-bottom p { max-width: 920px; font-size: 36px; line-height: 1.45; }
.copy { max-width: 920px; font-size: 36px; line-height: 1.5; }
.stage p, .engine-end { font-size: 32px; line-height: 1.5; }
.skills { font-size: 27px; line-height: 1.5; }
.eyebrow { font-size: 16px; }
.link, .button { font-size: 18px; }
.field, footer { font-size: 20px; }
footer small, .fine { font-size: 18px !important; }
form label { font-size: 20px; }

em, .orange, .number, .route span, .stage.active h3,
nav a:hover, .link:hover { color: #c83a00; }

/* Every piece of type on the electric-orange panel is white. */
.daylight,
.daylight h2,
.daylight h3,
.daylight h4,
.daylight p,
.daylight .copy,
.daylight .eyebrow { color: #fff; }
.daylight .eyebrow::before { background: #fff; }

@media (max-width: 800px) {
  header { min-height: 86px; }
  .brand img { width: 112px; height: 66px; }
  header nav { gap: 28px; font-size: 22px; }
  .talk { display: none; }
  .menu { font-size: 16px; }
  body { font-size: 20px; }
  .copy, .hero-bottom p, .stage p, .engine-end { font-size: 23px; line-height: 1.55; }
  .skills { font-size: 20px; }
  .eyebrow { font-size: 14px; }
}