/* Alchemo Industries — shared styles */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}

.technical-border {
  border: 1px solid #DCD8C8;
}
.technical-border:hover {
  border-color: #001F3F;
}

.technical-grid {
  background-image: linear-gradient(to right, #DCD8C8 1px, transparent 1px),
                     linear-gradient(to bottom, #DCD8C8 1px, transparent 1px);
  background-size: 40px 40px;
}

.blueprint-pattern {
  background-image: linear-gradient(#DCD8C8 1px, transparent 1px), linear-gradient(90deg, #DCD8C8 1px, transparent 1px);
  background-size: 40px 40px;
}

.form-focus-ring:focus {
  outline: none;
  border-color: #001F3F;
  box-shadow: 0 0 0 1px #001F3F;
}

.modal-open {
  overflow: hidden;
}

/* Mobile nav drawer */
#mobileMenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
#mobileMenu.open {
  max-height: 480px;
}

/* Reveal on scroll */
.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

img {
  max-width: 100%;
  height: auto;
}