/* ============================================================
   Engineering Atmosphere — shared ambient layer for all pages
   Faint structural/thermal formulas placed at screen edges.
   Tune INTENSITY in one place: --eng-opacity below.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --eng-opacity: 0.07;          /* overall strength — lower = subtler */
  --eng-color: 109,186,176;     /* teal RGB (matches site accent)   */
}

.eng-atmos{
  position: fixed;
  inset: 0;
  pointer-events: none;          /* never blocks clicks            */
  z-index: 1;                    /* above section backgrounds,     */
  overflow: hidden;              /* below nav / CTAs (z-index 100+) */
}

.eng-math{
  position: absolute;
  font-family: 'JetBrains Mono', ui-monospace, 'Courier New', monospace;
  color: rgba(var(--eng-color), var(--eng-opacity));
  white-space: nowrap;
  letter-spacing: .5px;
  font-weight: 400;
  line-height: 1;
}
.eng-math sub, .eng-math sup{ font-size: .65em; }

/* size variants */
.eng-sm{ font-size: .8rem; }
.eng-md{ font-size: 1.2rem; }
.eng-lg{ font-size: 1.8rem; }
.eng-xl{ font-size: 2.6rem; color: rgba(var(--eng-color), calc(var(--eng-opacity) * 0.7)); }

/* keep it clean on small screens */
@media (max-width: 768px){
  .eng-atmos{ display: none; }
}
@media (prefers-reduced-motion: reduce){
  .eng-math{ transition: none; }
}