/* Project illustrations share the blue-pin palette, with a distinct tone per subject. */
.project-art.books{background:#e6eefc;color:#526d9e}.book-display{position:absolute;left:50%;top:42px;width:185px;height:188px;transform:translateX(-50%) rotate(-7deg);transition:transform .25s}.project-art:hover .book-display{transform:translateX(-50%) rotate(-2deg)}.book-cover{position:absolute;inset:0 0 0 19px;border:1px solid #23447c;border-radius:2px 9px 9px 2px;background:#294e91;color:#f1f5ff;padding:15px 18px;box-shadow:7px 7px 0 #b4c9ed;z-index:1}.book-cover>span{font-size:8px;letter-spacing:.7px;color:#bdcff2}.book-cover strong{display:block;font-size:37px;font-weight:500;line-height:1.3;letter-spacing:1px;margin-top:15px}.book-cover small{position:absolute;bottom:15px;left:18px;font-size:6px;letter-spacing:1.2px;color:#bdcff2}.book-star{position:absolute;right:17px;bottom:42px;font-size:34px;color:#9cbdff}.book-spine{position:absolute;left:0;top:0;width:19px;height:188px;background:#20365f;border-radius:3px 0 0 3px;color:#b1c8f1;font-size:10px;writing-mode:vertical-rl;padding:17px 3px}
.project-art.gyeol{background:#eeeefb;color:#6662a1}.reflection-art{position:absolute;left:50%;top:50%;width:280px;height:218px;transform:translate(-50%,-50%);display:grid;place-items:center}.reflection-orbit{position:absolute;left:50%;top:50%;border:1px solid #a6a3d380;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);width:178px;height:145px}.orbit-two{width:218px;height:174px;transform:translate(-50%,-50%) rotate(24deg)}.orbit-three{width:252px;height:196px;transform:translate(-50%,-50%) rotate(-12deg)}.reflection-art strong{position:relative;font-size:75px;line-height:1;font-weight:500;letter-spacing:-5px;color:#6664a9;transform:translateY(-3px)}.reflection-art strong span{display:block;font-size:9px;letter-spacing:6px;text-align:center;margin:12px 0 0 8px}.reflection-caption{position:absolute;top:19px;font-size:7px;letter-spacing:1.7px;color:#75729c}.reflection-bars{position:absolute;right:5px;bottom:21px;display:flex;align-items:flex-end;gap:4px;height:45px;padding:8px;background:#f9f9ff;border:1px solid #d8d7ed;border-radius:8px}.reflection-bars i{width:5px;height:19px;border-radius:2px;background:#9b99d4}.reflection-bars i:nth-child(2){height:10px}.reflection-bars i:nth-child(3){height:23px}.reflection-bars i:nth-child(4){height:16px}.reflection-bars i:nth-child(5){height:25px;background:#82a8ff}.reflection-bars i:nth-child(6){height:18px;background:#82a8ff}.reflection-bars i:nth-child(7){height:13px;background:#82a8ff}
.project-art.riff{background:#20365f;color:#93b9ff}.riff .art-index,.riff .art-note{color:#b4c8e9}.riff-art{position:absolute;inset:48px 49px 44px}.riff-art>span{font-size:7px;letter-spacing:1.8px;color:#b4c8e9}.riff-art>strong{display:block;font-family:'DM Sans',sans-serif;font-size:64px;font-weight:700;line-height:.94;letter-spacing:-2px;margin-top:15px}.riff-art em{font-style:normal;color:#f4f7ff}.riff-art small{position:absolute;right:0;bottom:6px;letter-spacing:1.2px;font-size:7px;color:#b4c8e9}.riff-art-wave{position:absolute;right:9px;top:40px;display:flex;gap:7px;height:85px;align-items:center}.riff-art-wave i{width:6px;height:28px;border-radius:5px;background:#82a8ff}.riff-art-wave i:nth-child(2n){height:50px}.riff-art-wave i:nth-child(3n){height:78px}.riff-art-wave i:nth-child(4n){height:42px;background:#b5ccff}
.project-art.short-stories{background:#edf0f5;color:#66748b}.story-art{position:absolute;inset:0}.story-paper{position:absolute;top:42px;left:50%;transform:translateX(-50%) rotate(4deg);width:216px;height:178px;background:#fff;border:1px solid #d5ddea;border-radius:10px;box-shadow:5px 6px 0 #dbe2ee;padding:16px}.story-paper>span{font-size:8px;letter-spacing:1.8px;color:#6c7e9c}.scene{height:75px;background:#e5ebf5;margin:12px 0;position:relative;overflow:hidden;border-radius:4px}.scene i{position:absolute;display:block;width:120px;height:90px;background:#b5c5df;border-radius:50%;bottom:-64px;left:-12px;transform:rotate(-25deg)}.scene i:nth-child(2){left:65px;bottom:-53px;background:#8c9fbe;width:160px;transform:rotate(25deg)}.scene i:nth-child(3){width:18px;height:18px;left:143px;top:11px;background:#f7f9fd;bottom:auto}.story-paper b{font-size:11px;color:#6b7a94}.paper-lines{margin-top:8px;width:87%;height:2px;background:#e1e7f0;box-shadow:0 6px #e1e7f0}.pause-sticker{position:absolute;right:57px;bottom:40px;background:#e1e9fa;border-radius:50%;width:75px;height:75px;display:flex;align-items:center;justify-content:center;transform:rotate(-9deg);font-size:13px;font-weight:500;color:#526d9e;line-height:1.5;border:1px solid #bccde9}
@media(max-width:700px){.book-display{top:35px;height:182px;width:179px}.book-spine{height:182px}.reflection-art{width:260px;height:210px}.reflection-orbit{width:165px;height:137px}.orbit-two{width:204px;height:167px}.orbit-three{width:239px;height:189px}.riff-art{left:34px;right:34px;top:43px}.riff-art>strong{font-size:61px}.riff-art-wave{right:0;gap:5px}.riff-art-wave i{width:5px}.pause-sticker{right:26px;bottom:36px}.story-paper{top:36px}}

.project-art.baby{background:#edf1fc;color:#6479a6}.baby-art{position:absolute;inset:0}.baby-calendar{position:absolute;left:50%;top:48px;transform:translateX(-50%) rotate(-4deg);width:210px;height:165px;padding:20px 22px;background:#fff;border:1px solid #c8d5ef;border-radius:14px;box-shadow:6px 7px 0 #d7e2f7}.baby-calendar::before,.baby-calendar::after{content:"";position:absolute;top:-7px;width:5px;height:16px;border-radius:3px;background:#7b9bd4}.baby-calendar::before{left:38px}.baby-calendar::after{right:38px}.baby-calendar-label{font-size:7px;letter-spacing:1.7px;color:#7a8caa}.baby-calendar strong{display:block;margin:8px 0 13px;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-1px;color:#355787}.baby-calendar strong span{display:block;margin-top:5px;font-size:9px;letter-spacing:.3px;color:#7585a0}.baby-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px 13px}.baby-calendar-days i{display:block;width:7px;height:7px;border-radius:50%;background:#dbe4f4}.baby-calendar-days i:nth-child(9){background:#648bed;box-shadow:0 0 0 4px #e9efff}.baby-calendar-days i:nth-child(12){background:#c3b7db}.baby-calendar-note{position:absolute;left:calc(50% + 32px);top:178px;padding:11px 15px;border:1px solid #c5cbe7;border-radius:8px;background:#e6e5f6;color:#72719c;font-size:11px;transform:rotate(7deg)}
@media(max-width:700px){.baby-calendar{top:40px}.baby-calendar-note{top:171px}}

.project-art.albums{background:#e8edf6;color:#607497}.album-art{position:absolute;inset:0}.album-sheet{position:absolute;left:50%;top:43px;width:190px;height:182px;border:1px solid #b9c9e3;border-radius:5px}.sheet-back{background:#d3def0;transform:translateX(-50%) rotate(7deg)}.sheet-front{background:#f7f9fd;transform:translateX(-50%) rotate(-5deg);padding:19px 23px;color:#355787}.sheet-front>span{font-size:7px;letter-spacing:1.8px;color:#7a8caa}.sheet-front strong{display:block;font-size:30px;line-height:1.35;font-weight:500;margin-top:10px;letter-spacing:-1.4px}.sheet-front small{display:block;font-size:8px;color:#7585a0;margin-top:9px}.sheet-front b{position:absolute;right:-23px;bottom:12px;background:#20365f;border:1px solid #20365f;color:#f7f9fd;padding:8px 10px;font-size:9px;font-weight:400;transform:rotate(5deg);border-radius:5px}.project-art:hover .sheet-front{transform:translateX(-50%) rotate(-2deg)}@media(max-width:700px){.album-sheet{top:37px}}