body {
  background-color: #131313;
  color: #e5e2e1;
  font-family: 'Manrope', sans-serif;
}
.technical-grid {
  background-image: radial-gradient(rgba(199, 198, 198, 0.05) 1px, transparent 1px);
  background-size: 30px 30px;
}
@media (max-width: 767px) {
  .technical-grid { background-size: 20px 20px; }
}
.vertical-rl {
  writing-mode: vertical-rl;
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
html { scroll-behavior: smooth; }
.mobile-menu {
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}
.mobile-menu.open {
  transform: translateX(0);
}