/* TwentyTwo Fins - Static CSS */
body { font-family: Inter, sans-serif; }
html, body { overflow-x: hidden; }
.row { margin-left: 0; margin-right: 0; }
.row > * { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); }
nav { height: 4rem; }
.navbar-brand img { border-radius: .3rem; }
@media (max-width: 991.98px) {
  .navbar-collapse { background-color: var(--bs-primary); padding: 1rem; border-radius: .5rem; margin-top: .5rem; }
  .navbar-nav { background-color: var(--bs-primary); }
}
#hero { margin-top: 4rem; }
.mission-content { min-height: 400px; }
.mission-bg-image { display: block; object-fit: cover; height: 100%; filter: brightness(.6); }
.mission-overlay { background: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5), rgba(0, 0, 0, .3)); padding: 3rem 0; }
.mission-text { text-shadow: 2px 2px 4px rgba(0, 0, 0, .8); }
@media (max-width: 767.98px) {
  .mission-content { min-height: 300px; }
  .mission-overlay { padding: 2rem 0; }
  .mission-text { font-size: 1rem !important; }
}
.calendar-page { margin-top: 4rem; }
.calendar-page .page-header { padding-top: 5rem !important; }
.empty-state i { opacity: .3; }
.legal-page { margin-top: 4rem; }
.legal-page .page-header { padding-top: 5rem !important; }