.proj-folder{z-index:1;color:inherit;text-decoration:none;display:block;position:relative}:is(.proj-folder:hover,.proj-folder:focus-visible){z-index:20}.pf-stage{aspect-ratio:5/4;perspective:1000px;display:block;position:relative}.pf-back{border:1.5px solid var(--color-ink);height:80%;box-shadow:4px 4px 0 var(--color-ink), inset 0 2px 0 #fff6;z-index:1;background:#e0b354;border-radius:4px 13px 13px;position:absolute;inset:auto 0 0}.pf-back:before{content:"";background:var(--accent,#e0b354);border:1.5px solid var(--color-ink);border-bottom:none;border-radius:7px 12px 0 0;width:44%;max-width:130px;height:15px;position:absolute;top:-13px;left:16px}.pf-print{aspect-ratio:16/10;outline:1.5px solid var(--color-ink);opacity:0;transform-origin:bottom;will-change:transform, opacity;background:#fff;border:3px solid #fff;border-radius:2px;width:78%;transition:transform .55s cubic-bezier(.18,.7,.16,1),opacity .4s;position:absolute;bottom:26%;left:11%;overflow:hidden;transform:translateY(42%)scale(.78);box-shadow:3px 4px #100f0f66}.pf-print-1{z-index:4}.pf-print-2{z-index:3}.pf-print-3{z-index:2}.pf-front{z-index:5;border:1.5px solid var(--color-ink);height:55%;box-shadow:inset 6px 0 0 var(--accent,#e0b354), inset 0 2px 0 #ffffff73;transform-origin:bottom;background:linear-gradient(170deg,#e9c572,#ddac4b);border-radius:9px 9px 12px 12px;flex-direction:column;justify-content:space-between;padding:11px 13px 12px;transition:transform .5s cubic-bezier(.18,.7,.16,1);display:flex;position:absolute;inset:auto 0 0}.pf-meta{align-items:center;gap:7px;display:flex}.pf-dot{border:1px solid #100f0f66;border-radius:50%;width:9px;height:9px}.pf-idx{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-2xs);color:var(--color-ink);opacity:.65;font-weight:700}.pf-file{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-2xs);color:var(--color-ink);opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.pf-caption{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.pf-name{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;color:var(--color-ink);font-size:1.02rem;font-weight:600;transition:color .3s}.pf-go{color:var(--color-ink);opacity:.45;font-size:1rem;transition:transform .3s,opacity .3s,color .3s}:is(.proj-folder:hover .pf-front,.proj-folder:focus-visible .pf-front){transform:rotateX(20deg)}:is(.proj-folder:hover .pf-print,.proj-folder:focus-visible .pf-print){opacity:1}:is(.proj-folder:hover .pf-print-1,.proj-folder:focus-visible .pf-print-1){transition-delay:20ms;transform:translateY(-58%)rotate(-4deg)scale(1.08)}:is(.proj-folder:hover .pf-print-2,.proj-folder:focus-visible .pf-print-2){transition-delay:70ms;transform:translateY(-44%)translate(26%)rotate(13deg)scale(1)}:is(.proj-folder:hover .pf-print-3,.proj-folder:focus-visible .pf-print-3){transition-delay:.12s;transform:translateY(-49%)translate(-26%)rotate(-15deg)scale(1)}:is(.proj-folder:hover .pf-go,.proj-folder:focus-visible .pf-go){opacity:1;color:var(--accent);transform:translate(4px)}:is(.proj-folder:hover .pf-name,.proj-folder:focus-visible .pf-name){color:var(--accent)}@media (hover:hover){.pf-print-1{opacity:1;transform:translateY(-8%)rotate(-3deg)scale(.94)}}@media (hover:none){.pf-print{opacity:1}.pf-print-1{transform:translateY(-34%)rotate(-2deg)scale(1)}.pf-print-2{transform:translateY(-18%)translate(15%)rotate(9deg)scale(.94)}.pf-print-3{transform:translateY(-23%)translate(-15%)rotate(-11deg)scale(.94)}.proj-folder.is-peek .pf-print-1{transition-delay:20ms;transform:translateY(-58%)rotate(-4deg)scale(1.08)}.proj-folder.is-peek .pf-print-2{transition-delay:70ms;transform:translateY(-44%)translate(26%)rotate(13deg)scale(1)}.proj-folder.is-peek .pf-print-3{transition-delay:.12s;transform:translateY(-49%)translate(-26%)rotate(-15deg)scale(1)}}@media (prefers-reduced-motion:reduce){.pf-print,.pf-front{transition:none}}