.eeg-container canvas {
  width: 100%;
  height: 100%;
  display: block;
}

/* Smooth handoff from animated/grid hero into the darker page background. */
.eeg-background.svelte-1uha8ag {
  overflow: hidden;
  height: 1050px;
}

.eeg-background.svelte-1uha8ag::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 280px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(11, 14, 18, 0) 0%,
    rgba(11, 14, 18, 0.68) 52%,
    rgba(11, 14, 18, 1) 100%
  );
}

/* Add colors for technologies not defined in the imported theme CSS. */
.tech-badge[data-tech="fastapi"] {
  border-color: rgba(5, 166, 128, 0.35);
  color: rgba(72, 226, 188, 0.95);
  background: rgba(5, 166, 128, 0.08);
}

.tech-badge[data-tech="celery"] {
  border-color: rgba(80, 184, 72, 0.35);
  color: rgba(140, 224, 129, 0.95);
  background: rgba(80, 184, 72, 0.08);
}

.tech-badge[data-tech="redis"] {
  border-color: rgba(220, 70, 70, 0.35);
  color: rgba(255, 134, 125, 0.95);
  background: rgba(220, 70, 70, 0.08);
}

.tech-badge[data-tech="sqlalchemy"] {
  border-color: rgba(214, 125, 35, 0.35);
  color: rgba(244, 172, 88, 0.95);
  background: rgba(214, 125, 35, 0.08);
}

.tech-badge[data-tech="docker compose"] {
  border-color: rgba(9, 117, 233, 0.35);
  color: rgba(72, 165, 255, 0.95);
  background: rgba(9, 117, 233, 0.08);
}

.tech-badge[data-tech="typescript"] {
  border-color: rgba(49, 120, 198, 0.35);
  color: rgba(99, 171, 251, 0.95);
  background: rgba(49, 120, 198, 0.08);
}

.tech-badge[data-tech="web"] {
  border-color: rgba(157, 99, 255, 0.35);
  color: rgba(189, 152, 255, 0.95);
  background: rgba(157, 99, 255, 0.08);
}

.tech-badge[data-tech="automation"] {
  border-color: rgba(244, 153, 46, 0.35);
  color: rgba(255, 190, 111, 0.95);
  background: rgba(244, 153, 46, 0.08);
}

.tech-badge[data-tech="ml"] {
  border-color: rgba(95, 199, 255, 0.35);
  color: rgba(138, 214, 255, 0.95);
  background: rgba(95, 199, 255, 0.08);
}

.tech-badge[data-tech="systems"] {
  border-color: rgba(191, 191, 191, 0.35);
  color: rgba(224, 224, 224, 0.95);
  background: rgba(191, 191, 191, 0.08);
}

.tech-badge[data-tech="pytest"] {
  border-color: rgba(84, 166, 74, 0.35);
  color: rgba(139, 215, 130, 0.95);
  background: rgba(84, 166, 74, 0.08);
}

.tech-badge[data-tech="github actions"] {
  border-color: rgba(32, 136, 237, 0.35);
  color: rgba(92, 170, 245, 0.95);
  background: rgba(32, 136, 237, 0.08);
}

.tech-badge[data-tech="pydantic"] {
  border-color: rgba(5, 166, 128, 0.35);
  color: rgba(88, 224, 195, 0.95);
  background: rgba(5, 166, 128, 0.08);
}

.tech-badge[data-tech="mlops"] {
  border-color: rgba(169, 125, 255, 0.35);
  color: rgba(199, 170, 255, 0.95);
  background: rgba(169, 125, 255, 0.08);
}

.tech-badge[data-tech="scikit-learn"] {
  border-color: rgba(244, 138, 58, 0.35);
  color: rgba(255, 180, 122, 0.95);
  background: rgba(244, 138, 58, 0.08);
}

.tech-badge[data-tech="pandas"] {
  border-color: rgba(127, 84, 214, 0.35);
  color: rgba(182, 153, 245, 0.95);
  background: rgba(127, 84, 214, 0.08);
}

.tech-badge[data-tech="numpy"] {
  border-color: rgba(73, 148, 214, 0.35);
  color: rgba(132, 192, 246, 0.95);
  background: rgba(73, 148, 214, 0.08);
}

.tech-badge[data-tech="sql"] {
  border-color: rgba(58, 165, 125, 0.35);
  color: rgba(127, 219, 185, 0.95);
  background: rgba(58, 165, 125, 0.08);
}

.tech-badge[data-tech="swift"] {
  border-color: rgba(244, 130, 54, 0.35);
  color: rgba(255, 182, 130, 0.95);
  background: rgba(244, 130, 54, 0.08);
}

.tech-badge[data-tech="swiftui"] {
  border-color: rgba(36, 163, 255, 0.35);
  color: rgba(137, 206, 255, 0.95);
  background: rgba(36, 163, 255, 0.08);
}

.tech-badge[data-tech="uikit"] {
  border-color: rgba(102, 126, 234, 0.35);
  color: rgba(173, 186, 255, 0.95);
  background: rgba(102, 126, 234, 0.08);
}

.tech-badge[data-tech="mvvm"] {
  border-color: rgba(84, 166, 74, 0.35);
  color: rgba(139, 215, 130, 0.95);
  background: rgba(84, 166, 74, 0.08);
}

.tech-badge[data-tech="jupyter"] {
  border-color: rgba(244, 123, 53, 0.35);
  color: rgba(255, 174, 128, 0.95);
  background: rgba(244, 123, 53, 0.08);
}

.tech-badge[data-tech="coregraphics"] {
  border-color: rgba(121, 145, 255, 0.35);
  color: rgba(182, 196, 255, 0.95);
  background: rgba(121, 145, 255, 0.08);
}

.tech-badge[data-tech="ios"] {
  border-color: rgba(72, 163, 255, 0.35);
  color: rgba(151, 209, 255, 0.95);
  background: rgba(72, 163, 255, 0.08);
}

.media--project {
  padding: 0;
  border-bottom: 1px solid var(--border-2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)), var(--panel-2);
}

.section.section--earlier.svelte-1uha8ag {
  margin-top: 4rem;
  padding-top: 2rem;
}

.termbar.termbar--section.svelte-1uha8ag {
  background: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}



.media--tight {
  padding: 0;
}

.media__img.media__img--tight {
  width: 100%;
  height: 12rem;
  object-fit: cover;
  object-position: center;
  padding: 0;
  border: 0;
  background: transparent;
}

.media__img.media__img--cardviz {
  width: 100%;
  height: 16rem;
  object-fit: contain;
  padding: 0;
  border: 0;
  background: transparent;
}

@media (min-width: 720px) {
  .media__img.media__img--cardviz {
    height: 18rem;
  }
}