/* Navigation Module Isolated CSS */
#sec-header-nav header {
  transition: background-color 0.4s ease, border-color 0.4s ease;
}

/* SVG Vector Micro Interactivity */
#p6-svg {
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.8));
}

#p6-p-stem, #p6-6-arrow {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}

/* Subtle magnetic pull hover effect on logo */
#brand-logo-trigger:hover #p6-p-stem {
  transform: translate(-1px, -1px);
}

#brand-logo-trigger:hover #p6-6-arrow {
  transform: translate(1px, 1px);
}