:root{--white: #f5f5f5;--black: #0f0f0f;--ff-pop: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"DM monospace",monospace;background-color:var(--black);color:var(--white);overflow:hidden}a,p{display:block;color:var(--white);text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:500}nav,footer{position:absolute;width:100vw;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;z-index:2}nav{top:0}footer{bottom:0}header{position:absolute;height:100vh;width:100%;background-color:var(--white);color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center;transition:all .2 ease-out;z-index:5}.loader-bar{height:.25rem;background-color:var(--black);margin-bottom:.25rem;transition:width 1s ease}.loader{width:10rem}.nav-links{display:flex;gap:2rem}.slider{position:relative;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:grab}.slider:active{cursor:grabbing}.slide-track{position:absolute;width:100%;height:100%;display:flex;will-change:transform}.slide{flex-shrink:0;width:350px;height:500px;position:relative;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;cursor:pointer;margin-right:50px}.slide-image{width:100%;height:100%;overflow:hidden;flex:1;border-radius:8px}.slide-image img{width:100%;height:100%;object-fit:cover;will-change:transform;transform:scale(2.25);-webkit-user-select:none;user-select:none;pointer-events:none}.slide-overlay{position:absolute;bottom:-1.75rem;left:0;right:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;transition:opacity .3s ease;opacity:0}.slide:hover .slide-overlay{opacity:calc(1 - var(--slider-moving, 1))}.project-title{font-weight:500;font-size:.8rem;color:#fff}.project-arrow{width:16px;height:16px;fill:none}.project-arrow svg{width:100%;height:100%;stroke:#fff;stroke-width:2;fill:none}@media (max-width: 1000px){.slide{width:175px;height:250px;margin-right:40px}.slide-overlay{bottom:-1.5rem}.project-title{font-size:.7rem}.project-arrow{width:14px;height:14px}}.slide-track{transition:none}.slider.dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}::-webkit-scrollbar{display:none}html{scrollbar-width:none}