.project-tile .fill{width:100%;height:0;padding-bottom:100%;position:relative;border-radius:10px;justify-content:center;display:flex;align-items:center}.project-tile .fill img{width:50%;position:absolute;top:50%;transform:translateY(-50%)}.work{min-height:100%}.work .back{position:relative;z-index:3;width:-moz-fit-content;width:fit-content}.work .icon{width:90px}@media(min-width:900px){.work .icon{width:120px}}.work .carousel{display:flex;overflow-x:scroll;overflow-y:visible;scroll-snap-type:x mandatory;height:45dvw;transition:all .3s cubic-bezier(.38,.01,.01,1),visibility 0ms;gap:4dvw;padding-left:50%;padding-right:50%;scrollbar-width:none;-ms-overflow-style:none}.work .carousel::-webkit-scrollbar{width:0;height:0}.work .carousel img{height:auto;scroll-snap-align:center;max-width:80dvw;border-radius:10px;cursor:pointer;opacity:1;transition:all .3s cubic-bezier(.38,.01,.01,1),visibility 0ms}.work .image-viewer{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px)}.work .image-viewer #close{position:fixed;margin:10px;top:0;right:0}.work .image-viewer #next{right:0}.work .image-viewer #next,.work .image-viewer #prev{position:fixed;margin:10px;top:50%;transform:translateY(-50%)}.work .image-viewer #prev{left:0}.work .image-viewer #next.bottom,.work .image-viewer #prev.bottom{bottom:0;top:auto}.work .image-viewer #close,.work .image-viewer #next,.work .image-viewer #prev{z-index:10}.work .image-viewer #preview{max-width:90%;max-height:90%;border-radius:10px}#preview,#set{z-index:9;cursor:default}#set{transition:transform .3s cubic-bezier(.38,.01,.01,1);position:fixed;border-radius:10px;transform-origin:top left;transform:translate(0) scale(1)}