/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
:root, :host {
  --color-navy: #102338;
  --color-amber: #d5a45d;
  --spacing: .25rem;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.z-50 {
  z-index: 50;
}
.mx-auto {
  margin-inline: auto;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.w-full {
  width: 100%;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.overflow-hidden {
  overflow: hidden;
}
.bg-amber {
  background-color: var(--color-amber);
}
.bg-navy {
  background-color: var(--color-navy);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.text-center {
  text-align: center;
}
.text-navy {
  color: var(--color-navy);
}