/* Auto-generated - do not edit */
/* BASE */
html {
  font-size: 62.5%;
  /* 1rem = 10px */
  overflow-x: hidden !important;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  scroll-padding-top: 207px;
  scroll-behavior: smooth;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  box-sizing: border-box;
  margin: 0px;
  font-size: 1.6rem;
}
::selection {
  background: black;
  color: white;
}
::-moz-selection {
  background: black;
  color: white;
}
::-webkit-selection {
  background: black;
  color: white;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
  margin: 0;
}
q::before,
q::after {
  display: none;
}
button {
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: none transparent;
  color: inherit;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
blockquote {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
#svg-- {
  display: none;
}
/* fixed talent community window */
.mfp-wrap {
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed !important;
  top: 0 !important;
}
/* Synced from Paradox platform — do not edit manually */
*, :after, :before, ::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit {
  padding-block: 0;
}
::-webkit-datetime-edit-year-field {
  padding-block: 0;
}
::-webkit-datetime-edit-month-field {
  padding-block: 0;
}
::-webkit-datetime-edit-day-field {
  padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}
::-webkit-datetime-edit-second-field {
  padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
  appearance: button;
}
::-webkit-inner-spin-button {
  height: auto;
}
::-webkit-outer-spin-button {
  height: auto;
}
/* Auto-generated - do not edit */
.button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    width: fit-content;
    padding: 1.4rem 2.4rem;
    transition: background-color 0.6s ease, color 0.6s ease;
}
/* .button--primary {
    background-color: var(--color-blue-500);
    color: #FFFFFF;
}
.button--primary:hover {
    background-color: var(--color-blue-800);
} */
.button--secondary,
.button--primary {
    background-color: var(--color-blue-800);
    color: #FFFFFF;
}
.button--secondary:hover,
.button--primary:hover {
    background-color: var(--color-blue-50);
    color: var(--color-blue-800);
}
.button--tertiary {
    background-color: transparent;
    color: var(--color-primary);
}
.button--tertiary:hover {
    background-color: var(--color-light-blue);
    color: var(--color-primary-hover);
}
.button--toggle {
    background-color: var(--color-blue-50);
    color: var(--color-blue-800);
    padding: 1rem 2rem 1rem 2.4rem;
}
.button--toggle:hover {
    background-color: var(--color-blue-100);
}
.button__text {
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 2rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    transition: color 0.6s ease;
}
.button__icon {
    width: 1.6rem;
    height: 1.6rem;
    transition: color 0.6s ease;
}
.button--secondary .button__icon,
.button--primary .button__icon {
    color: var(--color-blue-500);
}
.button:hover .button__icon {
    color: var(--color-blue-500);
}
.button--toggle .button__icon {
    color: var(--color-blue-300);
}
/* .flip-card-wrapper { */
/* } */
.flip-card {
  transform-style: preserve-3d;
  transition: transform 1s;
}
.flip-card-front,
.flip-card-back {
  backface-visibility: hidden;
}
.flip-card-back,
.flip-card-wrapper:hover .flip-card {
  transform: rotateY(180deg);
}
.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
  position: relative;
  width: 4rem;
  height: 3.2rem;
  gap: 0.3rem;
}
.hamburger.active .hamburger-bar:nth-child(1) {
  transform: rotate(-45deg);
  top: unset;
}
.hamburger.active .hamburger-bar:nth-child(2) {
  opacity: 0;
}
.hamburger.active .hamburger-bar:nth-child(3) {
  transform: rotate(45deg);
  top: unset;
}
.hamburger-bar {
  display: block;
  width: 2.4rem;
  height: 0.35rem;
  margin: 0 auto;
  transition: all 0.3s ease;
  position: absolute;
  background-color: var(--color-black);
  border-radius: 0.1rem;
  transform-origin: center;
}
.hamburger-bar:nth-of-type(1) {
  transform: translateY(calc(-100% - 0.3rem)); /* 0.3rem is gap */
}
.hamburger-bar:nth-of-type(2) {
  /* transform: translateY(-50%); */
  /* top: 50%; */
  opacity: 0;
}
.hamburger-bar:nth-of-type(3) {
  transform: translateY(calc(100% + 0.3rem)); /* 0.3rem is gap */
}
.skip-content {
  /* Hide off-screen visually while leaving accessible */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;

  /* Styling defaults */
  border-radius: 0.375rem;
  font-weight: 600;
  z-index: 1600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Use :focus and :focus-visible for broader keyboard/screen reader support */
.skip-content:focus,
.skip-content:focus-visible {
  /* Un-clip and display */
  position: fixed;
  top: 1.5rem;
  left: 1.5rem;
  width: auto;
  height: auto;
  padding: 1rem;
  margin: 0;
  overflow: visible;
  clip-path: none;
  white-space: normal;

  /* Focus appearance */
  background: #ffffff;
  color: #211710;
  box-shadow: 0 0 0 2px #211710;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.overview-hero-overlay {
    background: linear-gradient(0deg, #003963 0%, rgba(0, 43, 75, 0.12) 65%, rgba(0, 30, 52, 0.05) 80.29%, #000 100%);
}
.overview-areas-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 60%, #000 100%);
}
/* Slide */
.slide-up-item {
  transition: transform 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateY(10rem)
}
.slide-up-item.slide-up {
  transform: translateY(0)
}
.slide-down-item {
  transition: transform 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateY(-10rem)
}
.slide-down-item.slide-down {
  transform: translateY(0)
}
.slide-right-item {
  transition: transform 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateX(-10rem)
}
.slide-right-item.slide-right {
  transform: translateX(0)
}
.slide-left-item {
  transition: transform 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateX(10rem)
}
.slide-left-item.slide-left {
  transform: translateX(0)
}
/* Fade */
.fade-up-item {
  opacity: 0;
  transition: transform 1s cubic-bezier(.85, 0, 0, 1), opacity 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateY(10rem)
}
.fade-up-item.fade-up {
  opacity: 1;
  transform: translateY(0)
}
.fade-down-item {
  opacity: 0;
  transition: transform 1s cubic-bezier(.85, 0, 0, 1), opacity 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateY(-10rem)
}
.fade-down-item.fade-down {
  opacity: 1;
  transform: translateY(0)
}
.fade-left-item {
  opacity: 0;
  transition: transform 1s cubic-bezier(.85, 0, 0, 1), opacity 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateX(10rem)
}
.fade-left-item.fade-left {
  opacity: 1;
  transform: translateX(0)
}
.fade-right-item {
  opacity: 0;
  transition: transform 1s cubic-bezier(.85, 0, 0, 1), opacity 1s cubic-bezier(.85, 0, 0, 1);
  transform: translateX(-10rem)
}
.fade-right-item.fade-right {
  opacity: 1;
  transform: translateX(0)
}
/* Bridget chat */
.bridget-chat-item {
  max-height: 20rem;
  transition: max-height 0.4s ease-out;
}
.bridget-chat-item > div {
  opacity: 0;
  transform: translateY(2rem);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.bridget-chat-item.bridget-chat-item--visible > div {
  opacity: 1;
  transform: translateY(0);
}
.bridget-chat-item.bridget-chat-item--visible.bridget-chat-item--dim > div {
  opacity: 0.6;
}
.bridget-chat-item.bridget-chat-item--retired > div {
  opacity: 0;
  transform: translateY(-2rem);
}
.bridget-chat-item.bridget-chat-item--retired {
  max-height: 0;
}

.align-content-center {
  align-content: center;
}
