:root{--gold:#b8860b;--gold-light:#d4a017;--gold-dark:#8b6508;--folder-color:#d4a017;--folder-back-color:#c49010;--paper-1:#fff8e8;--paper-2:#fdf0cc;--paper-3:#fbe8b0}.pj-section{padding:60px 0 80px;background:#fff;position:relative;overflow:hidden}.pj-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(212,175,55,.06) 0,transparent 65%);pointer-events:none}.pj-container{max-width:1160px;margin:0 auto;padding:0 28px}.pj-header{text-align:center;margin-bottom:48px}.pj-label{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.pj-label::after,.pj-label::before{content:'';display:block;width:24px;height:1px;background:var(--gold);opacity:.6}.pj-title{font-family:var(--font-display);font-size:clamp(2.2rem, 5vw, 3rem);font-weight:400;color:#0a0a0a;letter-spacing:-.025em;line-height:1.1;margin-bottom:10px}.pj-subtitle{font-size:.9rem;color:rgba(0,0,0,.4);max-width:400px;margin:0 auto;line-height:1.7}.pj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 20px}.pj-item{display:flex;flex-direction:column;align-items:center;gap:14px}.folder-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.folder{transition:.2s ease-in;cursor:pointer;position:relative;width:110px;height:88px}.folder:not(.open):hover{transform:translateY(-8px)}.folder:not(.open):hover .paper{transform:translate(-50%,0)}.folder:not(.open):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.open):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(-125%,-75%) rotateZ(-15deg)}.folder.open .paper:nth-child(2){transform:translate(15%,-72%) rotateZ(15deg);height:80%}.folder.open .paper:nth-child(3){transform:translate(-50%,-105%) rotateZ(5deg);height:80%}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:110px;height:88px;background:var(--folder-back-color);border-radius:0 10px 10px;box-shadow:0 2px 12px rgba(180,134,0,.15)}.folder__back::after{position:absolute;z-index:0;bottom:98%;left:0;content:'';width:34px;height:11px;background:var(--folder-back-color);border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:72%;height:82%;background:var(--paper-1);border-radius:8px;transition:.3s ease-in-out;overflow:hidden}.paper:nth-child(2){background:var(--paper-2);width:82%;height:72%}.paper:nth-child(3){background:var(--paper-3);width:92%;height:62%}.paper img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.folder__front{position:absolute;z-index:3;width:100%;height:100%;border-radius:5px 10px 10px;transform-origin:bottom;transition:.3s ease-in-out;background:linear-gradient(160deg,var(--gold-light) 0,var(--gold) 50%,var(--gold-dark) 100%)}.folder__front::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.22) 0,transparent 60%);border-radius:inherit;pointer-events:none}.folder__front::after{content:'';position:absolute;top:8px;right:10px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5)}.right{position:absolute;z-index:3;right:0;top:0;width:50%;height:100%;border-radius:0 10px 10px 0;transform-origin:bottom;transition:.3s ease-in-out;background:linear-gradient(160deg,rgba(150,110,0,.25),rgba(100,75,0,.35))}.pj-name{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:#0a0a0a;text-align:center;line-height:1.3;transition:color .3s}.pj-item:hover .pj-name{color:var(--gold)}.pj-tag{font-size:.63rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(0,0,0,.38);padding:2px 8px;border-radius:100px;border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.04)}.pj-modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:24px}.pj-modal-overlay.show{display:flex}.pj-modal{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:32px;max-width:680px;width:100%;position:relative;box-shadow:0 8px 40px rgba(0,0,0,.12);animation:.3s cubic-bezier(.4,0,.2,1) modal-in}@keyframes modal-in{from{opacity:0;transform:scale(.93) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.pj-modal-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:.2s}.pj-modal-close:hover{background:rgba(184,134,11,.1);border-color:var(--gold);color:var(--gold)}.pj-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#111;margin-bottom:4px}.pj-modal-cat{font-size:.7rem;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px;display:block}.pj-modal-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.pj-modal-img{border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.08);aspect-ratio:4/3}.pj-modal-img .img-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f5f5f2}.pj-modal-img .img-ph span{font-size:.68rem;color:rgba(0,0,0,.3);text-align:center;padding:0 8px}.pj-modal-desc{font-size:.83rem;color:rgba(0,0,0,.5);line-height:1.7;margin-bottom:18px}.pj-modal-tech{display:flex;flex-wrap:wrap;gap:6px}.pj-modal-tech span{font-size:.66rem;font-weight:500;letter-spacing:.06em;padding:3px 10px;border-radius:100px;background:rgba(184,134,11,.07);border:1px solid rgba(184,134,11,.2);color:rgba(139,100,8,.9)}@media(max-width:540px){.pj-grid{grid-template-columns:repeat(2,1fr)}}