#hero-root header.fixed.top-0.inset-x-0 {
  transition:
    opacity 0.28s ease,
    transform 0.28s ease,
    visibility 0.28s ease;
}

body.not-home-view #hero-root header.fixed.top-0.inset-x-0 {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-120%);
  visibility: hidden;
}

@supports (content-visibility: auto) {
  .profile-section,
  .experience-section,
  .works-section,
  .awards-section,
  .contact-section {
    content-visibility: auto;
    contain-intrinsic-size: 900px;
  }
}