:root {
  --background: #FFFFFF;
  --foreground: #1C1C1C;
  --primary: #1B1B1B;
  --primary-foreground: #FFFFFF;
  --secondary: #EE6E0B;
  --secondary-foreground: #FFFFFF;
  --accent: #EE6E0B;
  --accent-foreground: #FFFFFF;
  --navy: #1B1B1B;
  --navy-foreground: #FFFFFF;
  --ring: #EE6E0B;
  --ls-primary: #1B1B1B;
  --ls-primary-dark: #101010;
  --ls-accent: #EE6E0B;
  --ls-amber: #EE6E0B;
}
.hero-shade {
  background: linear-gradient(90deg, rgba(27, 27, 27, 0.92) 0%, rgba(27, 27, 27, 0.72) 48%, rgba(238, 110, 11, 0.38) 100%);
}
/* Gold buttons read best with navy type (benjamin.css loads last, so this wins). */
a.bg-accent,
button.bg-accent {
  color: #00112A;
}
a.bg-accent:hover,
button.bg-accent:hover {
  background-color: #a88408;
  color: #FDFDFD;
}
.mt-14 { margin-top: 3.5rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-12 { margin-bottom: 3rem; }
.max-w-4xl { max-width: 56rem; }
.h-28 { height: 7rem; }
.w-\[14\.28\%\] { width: 14.28%; }
.align-top { vertical-align: top; }
.bg-\[\#eef4ff\] { background-color: #eef4ff; }
.border-l-\[3px\] { border-left-width: 3px; }
.border-l-accent { border-left-color: var(--accent); }
.text-\[11px\] { font-size: 11px; }
.bg-white\/5 { background-color: rgb(255 255 255 / 0.05); }
.bg-secondary\/40 { background-color: color-mix(in oklab, var(--secondary) 40%, transparent); }
.hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); }
.cms-body p { margin: 0.5em 0; }
.cms-body > :first-child { margin-top: 0; }
.cms-body > :last-child { margin-bottom: 0; }
@media (min-width: 40rem) {
  .sm\:p-8 { padding: 2rem; }
  .sm\:h-36 { height: 9rem; }
  .sm\:p-6 { padding: 1.5rem; }
}
@media (min-width: 48rem) {
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}