.container{min-height:calc(100vh - var(--navbar-height));width:100%;background:var(--section-dark);padding:calc(32px + var(--navbar-height)) 48px 80px;transition:all .7s ease;transform:translateY(40px);opacity:0}.container,.portfolio-header{display:flex;flex-direction:column}.portfolio-header{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid;border-bottom-color:var(--border-color)}.container.loaded{transform:translateY(0);opacity:1}.wrapper{max-width:900px;color:#fff}.pageTitle{font-size:36px;font-weight:600;margin-bottom:10px;text-align:left}.postWrapper{margin-bottom:50px;border-bottom:1px solid #222;padding-bottom:40px}.banner{width:100%;height:350px;object-fit:cover;border-radius:10px;margin-bottom:20px;transition:opacity .2s ease;cursor:pointer}.banner:hover{opacity:.9}.title{font-size:34px;margin-bottom:10px}.description{color:#cccccc;font-size:16px;margin-bottom:10px;line-height:1.7}.meta{color:#777;font-size:14px;margin-bottom:20px}.link{color:#fff;text-decoration:underline;font-size:15px}.fallback{text-align:left;padding:0;color:#cccccc;font-size:18px;line-height:1.6}.image-modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-modal-image{width:100%;height:100%;object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh;display:block}.image-modal-close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);border:none;color:white;cursor:pointer;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1002;border-radius:50%;flex-shrink:0}.image-modal-close:hover{background:rgba(0,0,0,.8);transform:scale(1.1);color:#e0e0e0}.image-modal-close:active{transform:scale(.95)}@media (max-width:768px){.container{padding:150px 20px 40px}.pageTitle{font-size:32px}.banner{height:200px}.title{font-size:26px}.description{font-size:15px}.fallback{font-size:18px}.image-modal-close{top:8px;right:8px;width:40px;height:40px}.image-modal-image{max-width:95vw;max-height:85vh}}@media (max-width:480px){.container{padding:130px 16px 32px}.pageTitle{font-size:26px;margin-bottom:28px}.banner{height:160px;border-radius:8px}.title{font-size:22px}.description{font-size:14px}}