@media screen and (max-width: 1024px){body{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;background-color:#0e0e0e}#main-content{display:none}#not-supported{display:block;font-size:24px;color:#fff;font-weight:700;padding:0 20px}#not-supported h1{margin-bottom:10px}}@media screen and (min-width: 1025px){#main-content{display:block}#not-supported{display:none}}@font-face{font-family:TGS Perfect Condensed;src:url(/assets/font/TGSPerfectCondensed.eot);src:url(/assets/font/TGSPerfectCondensed.eot?#iefix) format("embedded-opentype"),url(/assets/font/TGSPerfectCondensed.woff2) format("woff2"),url(/assets/font/TGSPerfectCondensed.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Jaguar;src:url(/assets/font/Jaguar.otf) format("opentype"),url(/assets/font/Jaguar.ttf) format("truetype"),url(/assets/font/Jaguar.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Jaguar;overflow:hidden;background-color:#0e0e0e}img{position:relative;width:100%;height:100%;object-fit:cover;will-change:transform;transform:translateY(0) scale(1.5)}.container{position:fixed;width:100%;height:100vh}.project-list{position:absolute;width:100%;will-change:transform;list-style:none}.project{width:100vw;height:100vh;display:flex;overflow:hidden;position:absolute;left:0;will-change:transform}.side{flex:auto;height:100%;overflow:hidden}.image{width:50%}.img{width:auto;height:100%;overflow:hidden}.title{display:flex;justify-content:space-between;align-items:center}.title{text-transform:capitalize;font-size:4rem;font-weight:500;letter-spacing:-.0125rem;color:#fff;font-family:Jaguar}.description{font-size:1.5rem;line-height:2rem;color:#696969}.svg-overlay{pointer-events:none}.content{display:grid;place-content:center;padding:8em;gap:20px;width:50%}.content button{width:fit-content;background:transparent;outline:none;border:none;margin-top:25px;font-size:1rem;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:15px}.arrow-icon{background-color:#fff;display:grid;border-radius:100%;padding:15px}.arrow-icon svg{stroke:#0e0e0e;width:22px}.header{position:fixed;top:0;left:0;padding:20px 30px;z-index:50;width:100%;display:flex;justify-content:space-between;mix-blend-mode:difference}.header p{color:#fff;font-size:1rem;text-transform:uppercase;mix-blend-mode:difference}.footer{position:fixed;bottom:0;right:0;z-index:50;padding:20px 30px}.footer a{color:#fff;text-decoration:none;text-transform:uppercase}