.folders{width:100%;min-height:100svh;background-color:var(--base-100);display:flex;flex-direction:column;justify-content:flex-end;padding:12rem 0 0;overflow-x:hidden;overflow-y:auto}.folders .row+.row{margin-top:-3rem}.folders .row{position:relative;width:100%;display:flex}.folders a{display:inline-block;text-decoration:none;color:inherit;width:100%}.folders .folder{position:relative;flex:1 1;height:210px;display:flex;flex-direction:column;cursor:pointer}.folders .folder-preview{position:absolute;top:0;left:0;width:25rem;height:100%;pointer-events:none}.folders .folder-preview-img{position:absolute;top:50%;width:12rem;height:12rem;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:40%;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;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.35rem 1.5rem 0 2rem;border-top-right-radius:.75rem}.folders .folder-name h2{font-size:3rem;transition:color .25s ease;line-height:1;letter-spacing:-.05rem}.folders .folder-tagline{font-family:var(--font-montserrat),sans-serif;font-size:.95rem;font-weight:500;line-height:1.3;max-width:34ch;transition:color .25s ease}.folders .folder-context{font-family:Geist Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.6;transition:color .25s ease}.folders .folder.disabled .folder-context,.folders .folder.disabled .folder-tagline{color:var(--disabled-folder-fg)}.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)}.folders .folder.variant-2 .folder-index,.folders .folder.variant-2 .folder-index:after,.folders .folder.variant-2 .folder-name{background-color:#3d2fa9;color:#fff}.folders .folder.variant-4 .folder-index,.folders .folder.variant-4 .folder-index:after,.folders .folder.variant-4 .folder-name{background-color:var(--base-400);color:#fff}.folders .folder.variant-5 .folder-index,.folders .folder.variant-5 .folder-index:after,.folders .folder.variant-5 .folder-name{background-color:var(--accent-5);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 h2,.folders .folder.disabled p{color:var(--disabled-folder-fg)}.folders .row:nth-of-type(2) a:first-child{flex:2 1}.folders .row:nth-of-type(2) a:nth-child(2){flex:3 1}@media (max-width:1000px){.folders h2{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 .row+.row{margin-top:0}.folders .folder{margin-bottom:0;height:200px;border-radius:1rem!important;overflow:hidden;transform:none!important}.folders .folder-preview{display:none}.folders .folder-name{justify-content:center;align-items:center;text-align:center;gap:.4rem;padding:0 1.5rem 1.5rem;border-top-right-radius:0!important}.folders .folder-name h2{font-size:2rem;position:static;transform:none}.folders .folder-tagline{font-size:.85rem;max-width:none}.folders .folder-context{font-size:.65rem}.folders .folder-index{padding:1.25rem;width:100%;border-top-left-radius:0!important}.folders{padding:15rem 0}.folders,.folders .row{height:max-content}}