/* Purpose-built project covers. The accepted mobile and marketplace covers retain
   their original composition; only the other four cards use these rules. */
.project-cover{isolation:isolate;display:flex;align-items:center;justify-content:center;padding:30px;--cover-paper:#fffdf9;--cover-ink:#3a3446;--cover-muted:#7a7186;--cover-line:#d6cedf}
.project-cover::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#fff8,transparent 75%)}
.project-cover img{height:auto;object-fit:contain;object-position:center;box-shadow:none;border-radius:0;transition:none}
.project-cover:hover img{transform:none}
.cover-hobby{background:#e8e1f0}
.hobby-cover{width:100%;max-width:540px;padding-top:10px;position:relative;transition:transform .35s}
.project-cover:hover .hobby-cover{transform:translateY(-4px)}
.cover-browser{overflow:hidden;transform:rotate(-2deg);border-radius:10px;background:#fff9ed;border:1px solid #c8bfd6;box-shadow:0 18px 25px #44365b20}
.cover-browser-top{display:flex;gap:5px;align-items:center;height:28px;padding:0 12px;background:#fffefa;border-bottom:1px solid #e1dbe8}
.cover-browser-top i{width:5px;height:5px;border-radius:50%;background:#bfb2d3}
.cover-browser-top span{margin-left:8px;font-size:.55rem;color:#8c819b;font-family:ui-monospace,Consolas,monospace}
.project-cover .cover-browser img{display:block;width:100%;height:auto;aspect-ratio:1919/904;object-fit:contain}
.hobby-cover-path{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;color:var(--cover-muted);font-size:.64rem}
.hobby-cover-path span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.hobby-cover-path b{font-weight:600;color:var(--cover-ink);font-size:.58rem;padding:3px 6px;background:#fff9;border-radius:4px}
.hobby-cover-path em{font-style:normal;color:#a191ba}
.cover-illustrator{background:#ece2d3}
.illustrator-cover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:500px}
.art-sheet{position:relative;padding:10px 10px 8px;background:#fffdf8;border:1px solid #e0d2c0;border-radius:8px;box-shadow:0 12px 20px #4f422317;transition:transform .35s;min-width:0}
.art-sheet:first-child{transform:rotate(-5deg) translateY(8px)}
.art-sheet:nth-child(2){transform:translateY(-10px)}
.art-sheet:nth-child(3){transform:rotate(5deg) translateY(8px)}
.project-cover .art-sheet img{display:block;width:100%;height:auto;aspect-ratio:1664/2501;object-fit:contain;background:#fff;max-height:none}
.art-sheet figcaption{display:flex;align-items:center;justify-content:space-between;gap:3px;padding-top:10px;border-top:1px solid #eee4d5;margin-top:6px;font-size:.57rem;color:#756b5b;white-space:nowrap}
.art-sheet figcaption span:last-child{color:#ae956f;font-family:ui-monospace,Consolas,monospace;font-size:.52rem}
.project-cover:hover .art-sheet:first-child{transform:rotate(-7deg) translateY(5px)}
.project-cover:hover .art-sheet:nth-child(3){transform:rotate(7deg) translateY(5px)}
.cover-thread{background:#eee0d9}
.thread-cover{display:grid;grid-template-columns:minmax(0,1fr) .65fr;align-items:center;gap:20px;width:100%;max-width:480px}
.project-cover .thread-cover>img{width:100%;max-height:260px;aspect-ratio:1;filter:drop-shadow(0 10px 14px #8a4b3320)}
.thread-cover-info{display:flex;flex-direction:column;gap:14px;color:var(--cover-ink)}
.cover-eyebrow{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cover-muted)}
.thread-cover-info strong{font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.15;letter-spacing:-.04em;font-weight:650}
.thread-pin-count{font-size:.63rem;color:var(--cover-muted)}
.voice-card{display:flex;flex-direction:column;gap:10px;background:#fff9;border:1px solid #dec6ba;border-radius:10px;padding:13px;max-width:155px}
.voice-card span{font-size:.58rem;color:#876655}
.voice-wave{display:flex;align-items:center;gap:4px;height:23px}
.voice-wave i{width:3px;background:#bc785f;border-radius:4px;height:9px}.voice-wave i:nth-child(3n){height:22px}.voice-wave i:nth-child(2n){height:15px}.voice-wave i:nth-child(5n){height:6px}
.cover-diamond{background:#e0e3ef}
.diamond-cover{display:grid;grid-template-columns:minmax(0,1fr) .45fr;align-items:center;gap:20px;width:100%;max-width:490px}
.mosaic-frame{padding:13px;background:#fffdf8;border:1px solid #d7cede;border-radius:9px;box-shadow:0 14px 24px #47355320;transform:rotate(-4deg);transition:transform .35s;min-width:0}
.project-cover .mosaic-frame img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:contain;image-rendering:auto}
.mosaic-frame>span{display:block;margin-top:9px;text-align:center;color:#8b7b8d;font-size:.55rem;letter-spacing:.03em}
.diamond-palette{display:flex;flex-direction:column;gap:14px;min-width:0;color:var(--cover-ink)}
.palette-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:100px}
.palette-swatches i{aspect-ratio:1;border-radius:5px;background:var(--swatch);border:1px solid #0000000a}
.palette-note{font-size:.64rem;line-height:1.6;color:var(--cover-muted)}
.palette-document{display:flex;align-items:center;gap:7px;border-top:1px solid #c9c5d6;padding-top:12px;font-size:.58rem;color:var(--cover-ink)}
.palette-document svg{width:16px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.project-cover:hover .mosaic-frame{transform:rotate(-1deg) translateY(-3px)}
html[data-theme="dark"] .project-cover{--cover-paper:#25212e;--cover-ink:#e6dfef;--cover-muted:#b4a7c0;--cover-line:#594b67}
html[data-theme="dark"] .project-cover::before{background:radial-gradient(ellipse at 50% 55%,#b997df0c,transparent 75%)}
html[data-theme="dark"] .cover-hobby{background:#2b2537}
html[data-theme="dark"] .cover-illustrator{background:#322c25}
html[data-theme="dark"] .cover-thread{background:#352724}
html[data-theme="dark"] .cover-diamond{background:#272b3b}
html[data-theme="dark"] .hobby-cover-path b{background:#ffffff12}
html[data-theme="dark"] .voice-card{background:#ffffff08;border-color:#66473d}
html[data-theme="dark"] .voice-card span{color:#d2aa98}
html[data-theme="dark"] .voice-wave i{background:#e3a181}
html[data-theme="dark"] .palette-document{border-color:#484054}
@media(min-width:761px) and (max-width:1000px){.project-cover{padding:23px}.illustrator-cover{gap:8px}.art-sheet{padding:6px}.art-sheet figcaption{font-size:.47rem}.art-sheet figcaption span:last-child{display:none}.thread-cover,.diamond-cover{gap:12px}.thread-cover-info{gap:8px}.thread-cover-info strong{font-size:1.2rem}.voice-card{padding:9px}.hobby-cover-path{font-size:.53rem;gap:5px}}
@media(min-width:521px) and (max-width:760px){.project-cover{padding:18px}.illustrator-cover{gap:7px}.art-sheet{padding:5px}.art-sheet figcaption{font-size:.45rem}.art-sheet figcaption span:last-child{display:none}.thread-cover,.diamond-cover{gap:10px}.thread-cover-info{gap:7px}.thread-cover-info strong{font-size:1.05rem}.thread-pin-count,.palette-note{font-size:.55rem}.voice-card{padding:8px;gap:6px}.voice-card span{font-size:.5rem}.palette-document{font-size:.49rem}.hobby-cover-path{font-size:.48rem;gap:4px;margin-top:15px}.hobby-cover-path b{display:none}}
@media(max-width:520px){.project-cover{padding:23px}.illustrator-cover{gap:10px}.art-sheet{padding:6px}.art-sheet figcaption{font-size:.5rem}.art-sheet figcaption span:last-child{display:none}.thread-cover,.diamond-cover{gap:14px}.thread-cover-info strong{font-size:1.3rem}.thread-cover-info{gap:10px}.voice-card{padding:10px;gap:8px}.cover-eyebrow{font-size:.51rem}.hobby-cover-path{font-size:.55rem;gap:7px;margin-top:18px}.hobby-cover-path b{display:none}.diamond-palette{gap:10px}.palette-swatches{gap:4px}.palette-note{font-size:.59rem}.palette-document{font-size:.51rem}.mosaic-frame{padding:9px}.mosaic-frame>span{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){.hobby-cover,.art-sheet,.mosaic-frame{transition:none}}