body:has(main.main-archive) header{position:fixed;transform:translateY(-100%);transition:transform 1.8s ease-out .3s}body:has(main.main-archive) .archive-container{transition:transform 1.8s ease-out .3s;transform:translateY(3rem)}@media(max-width:48rem){body:has(main.main-archive) .archive-container{transform:translateY(3rem)}}body:has(main.main-archive)[data-page-load=false] header{position:fixed;transform:translateY(0)}body:has(main.main-archive)[data-page-load=false] .archive-container{transform:translateY(0)}body:has(main.main-archive) .scroll-drag{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}body:has(main.main-archive) .scroll-drag::-webkit-scrollbar{display:none}body:has(main.main-archive) .scroll-drag{user-select:none}body:has(main.main-archive) .archive-container .project-card{background-color:transparent;transition:all .3s}body:has(main.main-archive) .archive-container .project-card:hover{background-color:var(--white-10)}