.projects-section{background:#fff;border-top:1px solid #5e3c280f;border-bottom:1px solid #5e3c280f;padding:6rem 1.5rem}.projects-container{max-width:1200px;margin:0 auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2.25rem;display:grid}.project-card{background:#faf8f5;border:1.5px solid #5e3c2814;border-radius:24px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 20px -2px #24160f0a}.project-card:hover{border-color:#fef08a;transform:translateY(-6px);box-shadow:0 16px 36px -8px #24160f1a,0 0 24px -2px #fef08a66}.project-preview-mockup{background:#24160f;border-bottom:1px solid #fef08a26;padding:.85rem 1.25rem 1.75rem;position:relative}.mockup-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.mockup-dots{gap:5px;display:flex}.m-dot{border-radius:50%;width:8px;height:8px}.m-dot.red{background:#ef4444}.m-dot.yellow{background:#eab308}.m-dot.green{background:#22c55e}.mockup-url{color:#a89487;font-family:monospace;font-size:.72rem}.mockup-visual{background:linear-gradient(135deg,#382419cc 0%,#5e3c2880 100%);border:1px solid #fef08a33;border-radius:12px;justify-content:space-between;align-items:center;height:90px;padding:0 1.5rem;display:flex}.mockup-badge{color:#fef08a;background:#24160fb3;border:1px solid #fef08a4d;border-radius:9999px;padding:.35rem .75rem;font-size:.78rem;font-weight:700}.mockup-symbol{font-size:1.75rem}.project-body{flex-direction:column;flex:1;padding:1.75rem;display:flex}.project-meta{margin-bottom:.5rem}.project-tag-highlight{text-transform:uppercase;letter-spacing:.05em;color:#886248;background:#fef9c3;border:1px solid #fef08a;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.project-title{color:#24160f;margin-bottom:.75rem;font-size:1.3rem;font-weight:700;line-height:1.3}.project-desc{color:#664633;margin-bottom:1.5rem;font-size:.92rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.45rem;margin-bottom:1.75rem;display:flex}.p-tag{color:#4e3425;background:#fff;border:1px solid #5e3c281a;border-radius:6px;padding:.25rem .65rem;font-size:.78rem;font-weight:600}.project-links{align-items:center;gap:.75rem;margin-top:auto;display:flex}.proj-btn{border-radius:9999px;align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.proj-btn.primary{color:#fffbeb;background:linear-gradient(135deg,#24160f 0%,#382419 100%);border:1px solid #fef08a;box-shadow:0 2px 10px #24160f26}.proj-btn.primary:hover{background:#382419;transform:translateY(-2px);box-shadow:0 4px 14px #facc1540}.proj-btn.outline{color:#382419;background:#fff;border:1px solid #5e3c2826}.proj-btn.outline:hover{background:#fffbeb;border-color:#fef08a;transform:translateY(-2px)}.proj-btn.locked{cursor:pointer;background:#faf8f5;border-color:#5e3c2826}.proj-btn.locked:hover{background:#fef9c3;border-color:#fef08a;box-shadow:0 2px 10px #facc1533}.custom-modal-backdrop{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#24160fa6;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out modalOverlayFade;display:flex;position:fixed;inset:0}.custom-modal-box{text-align:center;background:#fff;border:2px solid #fef08a;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:2.25rem 2rem 2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;position:relative;box-shadow:0 24px 60px -15px #24160f4d,0 0 35px -5px #fef08a8c}.custom-modal-close{color:#664633;cursor:pointer;background:#faf8f5;border:1px solid #5e3c281f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1.25rem}.custom-modal-close:hover{color:#24160f;background:#fef9c3;border-color:#fef08a}.custom-modal-icon-wrapper{margin-bottom:1.25rem}.custom-modal-lock-badge{color:#fef08a;background:linear-gradient(135deg,#24160f 0%,#382419 100%);border:2px solid #fef08a;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 16px #24160f40,0 0 20px -2px #fef08a80}.custom-modal-tag{letter-spacing:.08em;color:#886248;background:#fef9c3;border:1px solid #fef08a;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .85rem;font-size:.78rem;font-weight:700}.custom-modal-title{color:#24160f;letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.45rem;font-weight:800}.custom-modal-desc{color:#664633;margin-bottom:1.75rem;font-size:.95rem;line-height:1.6}.custom-modal-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;width:100%;display:flex}.custom-modal-btn{cursor:pointer;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.45rem;min-width:130px;padding:.75rem 1.6rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.custom-modal-btn.primary{color:#fffbeb;background:linear-gradient(135deg,#24160f 0%,#382419 100%);border:1.5px solid #fef08a;box-shadow:0 4px 14px #24160f33,0 0 14px -2px #fef08a66}.custom-modal-btn.primary:hover{background:#382419;transform:translateY(-1.5px);box-shadow:0 6px 18px #24160f40,0 0 20px #facc154d}.custom-modal-btn.secondary{color:#382419;background:#fff;border:1.5px solid #5e3c2826}.custom-modal-btn.secondary:hover{background:#fffbeb;border-color:#fef08a;transform:translateY(-1.5px)}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.projects-section{padding:3.5rem 1.25rem}.projects-grid{grid-template-columns:1fr;gap:1.75rem}}@media (max-width:480px){.projects-section{padding:2.5rem 1rem}.project-body{padding:1.25rem}.project-actions{flex-direction:column;gap:.65rem}.project-btn{justify-content:center;width:100%}}