@import "./css/variables.css";
@import "./css/global.css";
@import "./css/navigation.css";
@import "./css/components.css";
@import "./css/sections/hero.css";

/* First-paint safety for the persistent portfolio menu markup. Its complete
   visual layer remains lazy-loaded with the portfolio experience. */
#portfolio-menu-panel[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 768px) {
  html:not(.portfolio-active) #portfolio-custom-menu-btn,
  html:not(.portfolio-active) #portfolio-menu-panel {
    display: none !important;
  }
}