:root {
  --bs-font-family-heading: 'Outfit', sans-serif;
}

::selection {
  color: #000;
  background: #459fff;
  text-shadow: none;
}

:root, [data-bs-theme=light] {
  --bs-blue: #3763f4;
  --bs-indigo: #323fa4;
  --bs-purple: #6f42c1;
  --bs-pink: #ff5acb;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffd200;
  --bs-green: #459fff;
  --bs-teal: #00b4c9;
  --bs-cyan: #00b4c9;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #7d828b;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f5f6f8;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #7d828b;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #1d2125;
  --bs-primary: #459fff;
  --bs-secondary: #495057;
  --bs-success: #459fff;
  --bs-info: #00b4c9;
  --bs-warning: #ffd200;
  --bs-danger: #dc3545;
  --bs-light: #f5f6f8;
  --bs-dark: #343a40;
  --bs-primary-rgb: 69, 159, 255;
  --bs-secondary-rgb: 73, 80, 87;
  --bs-success-rgb: 44, 255, 60;
  --bs-info-rgb: 0, 180, 201;
  --bs-warning-rgb: 255, 210, 0;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 245, 246, 248;
  --bs-dark-rgb: 52, 58, 64;
  --bs-primary-text-emphasis: rgb(128.4, 255, 138);
  --bs-secondary-text-emphasis: rgb(145.8, 150, 154.2);
  --bs-success-text-emphasis: rgb(128.4, 255, 138);
  --bs-info-text-emphasis: rgb(102, 210, 222.6);
  --bs-warning-text-emphasis: #ffe466;
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f5f6f8;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(8.8, 51, 12);
  --bs-secondary-bg-subtle: rgb(14.6, 16, 17.4);
  --bs-success-bg-subtle: rgb(8.8, 51, 12);
  --bs-info-bg-subtle: rgb(0, 36, 40.2);
  --bs-warning-bg-subtle: #332a00;
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(170.6, 255, 177);
  --bs-secondary-border-subtle: rgb(182.2, 185, 187.8);
  --bs-success-border-subtle: rgb(170.6, 255, 177);
  --bs-info-border-subtle: rgb(153, 225, 233.4);
  --bs-warning-border-subtle: #ffed99;
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: var(--bs-font-family), "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #151617;
  --bs-body-bg-rgb: 21, 22, 23;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(255, 255, 255, 0.65);
  --bs-secondary-color-rgb: 255, 255, 255;
  --bs-secondary-bg: #171a1d;
  --bs-secondary-bg-rgb: 23, 26, 29;
  --bs-tertiary-color: rgba(255, 255, 255, 0.5);
  --bs-tertiary-color-rgb: 255, 255, 255;
  --bs-tertiary-bg: #2f3337;
  --bs-tertiary-bg-rgb: 47, 51, 55;
  --bs-heading-color: inherit;
  --bs-link-color: #459fff;
  --bs-link-color-rgb: 69, 159, 255;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #459fff;
  --bs-link-hover-color-rgb: 69, 159, 255;
  --bs-code-color: #ff5acb;
  --bs-highlight-color: #fff;
  --bs-highlight-bg: #fff6cc;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 1.15rem;
  --bs-border-radius-sm: 0.8rem;
  --bs-border-radius-lg: 1.4rem;
  --bs-border-radius-xl: 1.8rem;
  --bs-border-radius-xxl: 2.2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(33, 37, 41, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgb(69, 159, 255);
  --bs-form-valid-color: #459fff;
  --bs-form-valid-border-color: #459fff;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

::selection {
  color: #000;
  background: #459fff;
  text-shadow: none;
}

::selection {
  color: #000;
  background: #459fff;
  text-shadow: none;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #151617;
  --bs-body-bg-rgb: 21, 22, 23;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(255, 255, 255, 0.75);
  --bs-secondary-color-rgb: 255, 255, 255;
  --bs-secondary-bg: #171a1d;
  --bs-secondary-bg-rgb: 23, 26, 29;
  --bs-tertiary-color: rgba(255, 255, 255, 0.5);
  --bs-tertiary-color-rgb: 255, 255, 255;
  --bs-tertiary-bg: #2f3337;
  --bs-tertiary-bg-rgb: 47, 51, 55;
  --bs-primary-text-emphasis: #459fff;
  --bs-secondary-text-emphasis: rgb(145.8, 150, 154.2);
  --bs-success-text-emphasis: #459fff;
  --bs-info-text-emphasis: rgb(102, 210, 222.6);
  --bs-warning-text-emphasis: #ffe466;
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f5f6f8;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(8.8, 51, 12);
  --bs-secondary-bg-subtle: rgb(14.6, 16, 17.4);
  --bs-success-bg-subtle: rgb(8.8, 51, 12);
  --bs-info-bg-subtle: rgb(0, 36, 40.2);
  --bs-warning-bg-subtle: #332a00;
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #459fff;
  --bs-secondary-border-subtle: rgb(43.8, 48, 52.2);
  --bs-success-border-subtle: #459fff;
  --bs-info-border-subtle: rgb(0, 108, 120.6);
  --bs-warning-border-subtle: #997e00;
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #459fff;
  --bs-link-hover-color: rgb(69,159,255);
  --bs-link-color-rgb: 69,159,255;
  --bs-link-hover-color-rgb: 69,159,255;
  --bs-code-color: rgb(255, 156, 223.8);
  --bs-highlight-color: #fff;
  --bs-highlight-bg: #665400;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-form-valid-color: #459fff;
  --bs-form-valid-border-color: #459fff;
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

::selection {
  color: #000;
  background: #2cff3c;
  text-shadow: none;
}

:root {
  --bs-primary: #459fff;
  --bs-primary-rgb: 69, 159, 255;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .py-lg-5 {
    padding-top: 4.5rem !important;
    /*padding-bottom: 4.5rem !important;*/
  }
}

.staff-hero-section {
  margin: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.staff-hero-credit {
  margin-top: 0;
  margin-bottom: 0;
}

.staff-body {
  font-family: "Neulis Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 12px 4px 0;
}

.staff-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
}

.staff-name {
  margin: 8px 0 0;
  font-size: clamp(1.15rem, 4.5vw, 1.4rem);
}

.staff-role {
  margin: 0 0 6px;
  color: #459FFF;
  font-size: 0.95rem;
}

.staff-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-size: 0.95rem;
  word-break: break-word;
}

.staff-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.staff-body {
}

.staff-body {
  font-family: "Neulis Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 12px 4px 0;
}

.staff-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
}

.staff-name {
  margin: 8px 0 0;
  font-size: clamp(1.15rem, 4.5vw, 1.4rem);
}

.staff-role {
  margin: 0 0 6px;
  color: #459FFF;
  font-size: 0.95rem;
}

.staff-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-size: 0.95rem;
  word-break: break-word;
}

.staff-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.staff-section, .staff-section * {
}

.staff-hero-bg {
  width: 100%;
  min-height: clamp(260px, 55vw, 411px);
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  overflow: hidden;
}

.staff-hero-bg .row {
  padding: clamp(12px, 3vw, 24px) !important;
}

.staff-hero-bg h1 {
  font-size: clamp(1.4rem, 4.5vw, 2.2rem);
  line-height: 1.1;
  margin-bottom: 0.75rem;
  text-wrap: balance;
}

.staff-hero-bg h1, .staff-hero-bg p {
  /*overflow-wrap: anywhere;*/
}