.work-header{position:fixed;top:8rem;left:2rem;z-index:0}.work-header h2{color:var(--base-400);font-size:6rem;font-family:Big Shoulders Display;font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.125rem}.folders{height:100svh;background-color:var(--base-100);flex-direction:column;justify-content:flex-end;overflow:hidden}.folders,.folders .row{width:100%;display:flex}.folders .row{position:relative}.folders a{display:inline-block;text-decoration:none;color:inherit;width:100%}.folders .folder{position:relative;flex:1 1;height:180px;display:flex;flex-direction:column;cursor:pointer}.folders .row a{flex:1 1}.folders .folder-preview{position:absolute;top:0;left:0;width:20rem;height:100%;pointer-events:none}.folders .folder-preview-img{position:absolute;top:50%;width:10rem;height:10rem;border-radius:.5rem;overflow:hidden}.folders .folder-preview-img img{width:100%;height:100%;object-fit:cover}.folders .folder-preview-img:first-child{left:20%;transform-origin:top left}.folders .folder-preview-img:nth-child(2){left:50%;transform-origin:center}.folders .folder-preview-img:nth-child(3){left:80%;transform-origin:top right}.folders .folder-wrapper{position:relative;width:100%;height:100%;will-change:transform}.folders .folder-index{position:relative;width:35%;padding:1rem;border-top-left-radius:.75rem}.folders .folder-index:after{content:"";position:absolute;top:0;left:99%;height:101%;aspect-ratio:1;-webkit-clip-path:polygon(0 0,25% 0,100% 100%,0 100%);clip-path:polygon(0 0,25% 0,100% 100%,0 100%)}.folders .folder-index p{text-transform:uppercase;font-family:Geist Mono;font-size:.8rem;font-weight:500;transition:color .25s ease;line-height:1}.folders .folder-name{width:100%;height:100%;display:flex;align-items:flex-start;padding:0 .5rem 0 1.5rem;border-top-right-radius:.75rem}.folders .folder-name h1{font-size:2.5rem;transition:color .25s ease;line-height:1;letter-spacing:-.05rem}.folders .folder-index,.folders .folder-index:after,.folders .folder-name{transition:background-color .25s ease}.folders .folder.variant-1 .folder-index,.folders .folder.variant-1 .folder-index:after,.folders .folder.variant-1 .folder-name{background-color:var(--variant-1);color:#fff}.folders .folder.variant-2 .folder-index,.folders .folder.variant-2 .folder-index:after,.folders .folder.variant-2 .folder-name{background-color:var(--variant-2);color:#000}.folders .folder.variant-3 .folder-index,.folders .folder.variant-3 .folder-index:after,.folders .folder.variant-3 .folder-name{background-color:var(--variant-3);color:#000}.folders .folder.disabled .folder-index,.folders .folder.disabled .folder-index:after,.folders .folder.disabled .folder-name{background-color:var(--disabled-folder-bg)}.folders .folder.disabled h1,.folders .folder.disabled p{color:var(--disabled-folder-fg)}.folders .row:first-child{bottom:-11rem}.folders .row:nth-child(2){bottom:-6rem}.folders .row:nth-child(3){bottom:-1rem}@media (max-width:1000px){.work-header{top:6rem;left:1.25rem}.work-header h2{font-size:3rem;letter-spacing:0}.folders h1{font-size:2rem;width:100%;text-align:center}.folders .row{flex-direction:column;bottom:0!important;padding:1.25rem 1.25rem 0;gap:1.25rem}.folders .folder{margin-bottom:0;height:200px;border-radius:1rem!important;overflow:hidden}.folders .folder-preview{display:none}.folders .folder-name{padding:0 2rem 2rem;border-top-right-radius:0!important}.folders .folder-name h1{font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.folders .folder-index{padding:1.25rem;width:100%;border-top-left-radius:0!important}.folders{padding:15rem 0}.folders,.folders .row{height:max-content}}