/* Home page styles */
html {
  scroll-behavior: smooth;
}
/* nav.css */
.nav-link{
  position: relative;
  display: inline-flex;     /* icon + text in one row */
  align-items: center;
  gap: .5rem;
  padding-bottom: 4px;      /* space for underline */
  white-space: nowrap;
  width: fit-content;       /* <-- prevents full-row underline in mobile */
}

.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0%;
  height:2px;
  background:#EAB308;
  transition:width .3s ease;
}
.nav-link:hover::after,
.nav-link:focus-visible::after{ width:100%; }


/* Scroll reveal base (once again, got helped)*/
[data-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

/* When visible */
[data-reveal].in {
  opacity: 1;
  transform: translateY(0);
}