.folder-card{--folder-ink: #1b2340;--folder-muted: #515b72;--folder-face: #eef0f5;--folder-back: linear-gradient(130deg, #a3adc4, #f6f8fc 46%, #94a5c4);position:relative;display:flex;flex-direction:column;isolation:isolate;border:1px solid #aeb5c744;border-radius:18px;overflow:hidden;background:var(--folder-back);color:var(--folder-ink);text-decoration:none;box-shadow:0 3px #1015290a,0 16px 35px -28px #10152970;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.folder-card--orange{--folder-ink: #251c16;--folder-muted: #684a36;--folder-face: #fff1e4;--folder-back: linear-gradient(135deg,#9f3508,#ff6f00 46%,#ffdab1)}.folder-card--navy{--folder-ink: #f7f8fc;--folder-muted: #b6bed0;--folder-face: #192137;--folder-back: linear-gradient(135deg,#293252,#798aa8 48%,#11182b)}.folder-card-preview{height:210px;flex-shrink:0;position:relative;overflow:hidden}.folder-card-label{position:absolute;z-index:2;top:20px;left:24px;max-width:calc(100% - 48px);padding:5px 10px;background:#ffffffd9;border:1px solid #ffffff66;color:#202943;border-radius:5px;font-size:.75rem;line-height:1.4;font-weight:600}.folder-card-object{position:absolute;right:18%;bottom:16px;width:var(--folder-icon-size,112px);height:var(--folder-icon-size,112px);color:#fff;filter:drop-shadow(2px 7px 3px #10152940);transform:rotate(-15deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.folder-card-face{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;margin-top:-23px;padding:0 26px 26px;background:var(--folder-face);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.folder-card-face:before{content:"";position:absolute;bottom:calc(100% - 1px);left:0;width:65%;height:25px;background:var(--folder-face);border-radius:0 10px 0 0;clip-path:polygon(0 0,91% 0,100% 100%,0 100%)}.folder-card-top{display:flex;align-items:center;justify-content:space-between;min-height:60px}.folder-card-top>span{font-size:2.4rem;font-weight:600;line-height:1;letter-spacing:-.07em}.folder-card-top>svg{width:21px;height:21px}.folder-card h2,.folder-card h3{color:var(--folder-ink);font-size:1.5rem;line-height:1.22;font-weight:600;letter-spacing:-.04em;margin-top:18px}.folder-card p{color:var(--folder-muted);font-size:1rem;line-height:1.65;margin-top:13px}.folder-card-action{display:flex;align-items:center;gap:5px;color:var(--folder-ink);font-size:.875rem;font-weight:600;margin-top:auto;padding-top:25px}.folder-card-action svg{width:15px;height:15px}.folder-card--image .folder-card-preview{height:300px}.folder-card-preview img{width:88%;height:calc(100% - 76px);-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;margin:65px auto 0;border-radius:7px 7px 0 0;box-shadow:0 5px 24px #10152933;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.folder-card:focus-visible{outline:3px solid #ff6f00;outline-offset:5px}.folder-card--work .folder-card-preview{height:400px}.folder-card--work .folder-card-preview img{height:290px;margin-top:65px;-o-object-position:center;object-position:center;box-shadow:none}.folder-card-access{display:flex;align-items:center;gap:8px}.folder-card-access svg{width:16px;height:16px;flex-shrink:0}.folder-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.folder-card-tags span{font-size:.75rem;line-height:1.5;border:1px solid #8792aa55;border-radius:5px;padding:4px 8px}.folder-card .folder-card-boundary{font-size:.875rem;padding-top:18px;margin-top:22px;border-top:1px solid #8792aa40}.folder-card-boundary strong{display:block;color:var(--folder-ink);margin-bottom:6px}.folder-card .folder-card-meta{font-size:.875rem}.folder-card--article{--folder-icon-size: 96px}.folder-card--article .folder-card-preview{height:185px}.folder-card:focus-visible .folder-card-object{transform:translateY(-20px) rotate(-5deg)}.folder-card:focus-visible .folder-card-face{transform:translateY(14px)}.folder-card:focus-visible img{transform:translateY(-16px) rotate(-1deg)}@media(hover:hover){.folder-card:hover{transform:translateY(-5px);box-shadow:0 22px 35px -25px #10152970}.folder-card:hover .folder-card-face{transform:translateY(14px)}.folder-card:hover .folder-card-object{transform:translateY(-20px) rotate(-5deg)}.folder-card:hover img{transform:translateY(-16px) rotate(-1deg)}}.dark .folder-card--silver{--folder-ink: #f4f6ff;--folder-muted: #bcc4d6;--folder-face: #262e43}.dark .folder-card--orange{--folder-ink: #fff7ef;--folder-muted: #dfcbbd;--folder-face: #382820}@media(max-width:580px){.folder-card{--folder-icon-size: 96px}}@media(prefers-reduced-motion:reduce){.folder-card,.folder-card *,.folder-card:before{transition:none!important;transform:none!important}}