.folders{background-color:var(--base-100);flex-direction:column;justify-content:flex-end;width:100%;height:100svh;display:flex;overflow:hidden}.folders .row{width:100%;display:flex;position:relative}.folders a{color:inherit;width:100%;text-decoration:none;display:inline-block}.folders .folder{cursor:pointer;flex-direction:column;flex:1;height:210px;display:flex;position:relative}.folders .row:nth-of-type(2) a:first-child{flex:2}.folders .row:nth-of-type(2) a:nth-child(2){flex:3}.folders .folder-preview{pointer-events:none;width:25rem;height:100%;position:absolute;top:0;left:0}.folders .folder-preview-img{border-radius:.5rem;width:12rem;height:12rem;position:absolute;top:50%;overflow:hidden}.folders .folder-preview-img img{object-fit:cover;width:100%;height:100%}.folders .folder-preview-img:first-child{transform-origin:0 0;left:20%}.folders .folder-preview-img:nth-child(2){transform-origin:50%;left:50%}.folders .folder-preview-img:nth-child(3){transform-origin:100% 0;left:80%}.folders .folder-wrapper{will-change:transform;width:100%;height:100%;position:relative}.folders .folder-index{border-top-left-radius:.75rem;width:40%;padding:1rem;position:relative}.folders .folder-index:after{content:"";aspect-ratio:1;clip-path:polygon(0 0,25% 0,100% 100%,0% 100%);height:101%;position:absolute;top:0;left:99%}.folders .folder-index p{text-transform:uppercase;font-family:Geist Mono;font-size:.8rem;font-weight:500;line-height:1;transition:color .25s}.folders .folder-name{border-top-right-radius:.75rem;align-items:flex-start;width:100%;height:100%;padding:0 .25rem 0 2rem;display:flex}.folders .folder-name h2{letter-spacing:-.05rem;font-size:3rem;line-height:1;transition:color .25s}.folders .folder-index,.folders .folder-index:after,.folders .folder-name{transition:background-color .25s}.folders .folder.variant-1 .folder-index,.folders .folder.variant-1 .folder-index:after,.folders .folder.variant-1 .folder-name{background-color:var(--variant-1)}.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:#fff}.folders .folder.variant-3 .folder-index,.folders .folder.variant-3 .folder-index:after,.folders .folder.variant-3 .folder-name{background-color:var(--variant-3)}.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 p,.folders .folder.disabled h2{color:var(--disabled-folder-fg)}.folders .row:first-of-type{bottom:-13rem}.folders .row:nth-of-type(2){bottom:-7.5rem}.folders .row:nth-of-type(3){bottom:-2rem}@media (max-width:1000px){.folders .folder h2{text-align:center;width:100%;font-size:2rem}.folders .row{flex-direction:column;gap:1.25rem;padding:1.25rem 1.25rem 0;bottom:0!important}.folders .folder{height:200px;margin-bottom:0;overflow:hidden;border-radius:1rem!important}.folders .folder-preview{display:none}.folders .folder-name{padding:0 2rem 2rem;border-top-right-radius:0!important}.folders .folder-name h2{font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.folders .folder-index{width:100%;padding:1.25rem;border-top-left-radius:0!important}.folders .row:nth-of-type(2) .folder.variant-2 .folder-index,.folders .row:nth-of-type(2) .folder.variant-2 .folder-index:after,.folders .row:nth-of-type(2) .folder.variant-2 .folder-name{background-color:var(--variant-3)}.folders .row:nth-of-type(2) .folder.variant-3 .folder-index,.folders .row:nth-of-type(2) .folder.variant-3 .folder-index:after,.folders .row:nth-of-type(2) .folder.variant-3 .folder-name{background-color:var(--variant-2);color:var(--base-100)}.folders{padding:15rem 0}.folders,.folders .row{height:max-content}}.folders{position:relative}.folders .work-header{justify-content:space-between;align-items:flex-end;gap:2rem;width:100%;padding:9rem 2rem 0;display:flex;position:absolute;top:0;left:0}.folders .work-header h1{color:var(--base-400);font-size:clamp(5rem,14vw,16rem)}.folders .work-header p{max-width:24rem;color:var(--base-300)}.folders .folder-index{justify-content:space-between;gap:1rem;display:flex}.folders .folder-index .folder-category{opacity:.7}@media (max-width:1000px){.folders .work-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1.25rem 2rem;position:relative}.folders .work-header h1{text-align:start;width:auto;font-size:4rem}.folders{padding:8rem 0 4rem}}.folders .work-header-side{flex-direction:column;align-items:flex-end;gap:1.25rem;max-width:28rem;display:flex}[dir=rtl].work-header .work-header-side{align-items:flex-start}.folders .work-filters{flex-wrap:wrap;gap:.5rem;display:flex}.folders .work-filter{color:#141414;cursor:pointer;background:0 0;border:1.5px solid #14141426;border-radius:999px;padding:.55rem 1.1rem;font-family:PP Neue Montreal,sans-serif;font-size:.95rem;transition:background-color .25s,color .25s,border-color .25s}.folders .work-filter:hover{border-color:#141414}.folders .work-filter.is-active{color:var(--base-100);background-color:#141414;border-color:#141414}@media (max-width:1000px){.folders .work-header-side,[dir=rtl].work-header .work-header-side{align-items:flex-start;max-width:none}}@media (min-width:1001px){.folders .row:nth-of-type(n){bottom:-2rem}.folders .row+.row{margin-top:-88px}.folders{height:auto;min-height:100svh;padding-bottom:2rem}.folders .work-header{flex:1 0 auto;align-items:flex-start;padding-bottom:2.5rem;position:relative}}