/* Real app artwork, printed into the same small paper objects as the project shelf. */
.project-glyph.glyph-app{isolation:isolate;display:block;position:relative}
.project-glyph.glyph-app::before{content:'';position:absolute;inset:9px 10px 5px;background:#eee9de;border-radius:2px;transform:rotate(5deg);box-shadow:3px 3px 0 #0002}
.project-glyph.glyph-app .app-icon{position:absolute;inset:7% 13% 9%;width:74%;height:84%;object-fit:contain;background:#eee9de;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;transform:rotate(-5deg);border-radius:3px;transition:transform .22s ease}
.project-glyph.glyph-app::after{content:'';position:absolute;inset:8% 13% 9%;background:radial-gradient(#eee9de88 .6px,transparent .8px);background-size:3px 3px;mix-blend-mode:screen;pointer-events:none;transform:rotate(-5deg)}
.project-glyph .app-scribble{position:absolute;right:0;bottom:0;z-index:2;color:var(--orange,#ff9870);font:20px/1 var(--mono,monospace);transform:rotate(9deg)}
.project summary:hover .glyph-app .app-icon,.project[open] .glyph-app .app-icon{transform:rotate(-1deg)}
.project-body .project-stage,.project-detail .project-stage,.fd-project-detail .project-stage{display:inline-block;margin-top:5px;color:var(--muted,#a6af9f);font:10px/1.6 var(--mono,monospace);letter-spacing:.03em}
.fold-desk .project-glyph.glyph-app .app-icon{inset:7% 13% 9%;width:74%;height:84%;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply}
@media(prefers-reduced-motion:reduce){.project-glyph.glyph-app .app-icon{transition:none}}