.project-detail-page{padding-top:100px;padding-bottom:120px;min-height:100vh;background-color:var(--color-off-white,#f8f5ee);color:var(--color-text,#111)}.project-detail-nav{position:-webkit-sticky;position:sticky;top:20px;z-index:100;display:flex;align-items:center;margin-bottom:3rem}.project-detail-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(10,55,109,.1);border-radius:999px;color:var(--color-brand-blue,#0a376d);font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.05)}.project-detail-back:hover{background:var(--color-brand-blue,#0a376d);color:white;transform:translateY(-2px);box-shadow:0 8px 25px rgba(10,55,109,.2)}.project-detail-header{margin-bottom:4rem;text-align:center}.project-detail-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.project-type-chip{padding:.5rem 1rem;background-color:var(--color-surface,#fff);border-radius:999px;font-size:.85rem;font-weight:700;color:var(--color-brand-blue,#0a376d);border:1px solid rgba(0,0,0,.05)}.project-tag-chip{padding:.5rem 1rem;background-color:transparent;border-radius:999px;font-size:.85rem;color:var(--color-text-muted,#666);border:1px solid rgba(0,0,0,.1)}.project-detail-title{font-size:clamp(3rem,6vw,6rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem;text-align:center;font-weight:500}.project-detail-description{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;color:var(--color-text-muted,#666);max-width:800px;margin:0 auto}.project-detail-cover{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.1);margin-bottom:5rem;position:relative}.project-detail-cover img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .5s ease}.project-detail-cover:hover img{transform:scale(1.02)}.project-detail-content-wrapper{max-width:900px;margin:0 auto;background:var(--color-surface,#fff);padding:4rem 3rem;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.04)}figure.image{margin-bottom:15px}figure figcaption{font-style:italic;text-align:center;font-size:15px!important;background:#f2f2f2;padding:5px;margin-bottom:10px}.project-content{font-size:1.15rem;line-height:1.8;color:#333}.project-content h1,.project-content h2,.project-content h3{font-family:var(--font-serif);color:var(--color-brand-blue,#0a376d);margin-top:3rem;margin-bottom:1.5rem}.project-content h2{font-size:2.2rem}.project-content p{margin-bottom:1.5rem}.project-content .image-grid{margin-bottom:20px}.project-content img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.project-content ol,.project-content ul{margin-left:1.5rem;margin-bottom:2rem}.project-content li{margin-bottom:.5rem}.project-content a{color:var(--color-neon-green,#17c964);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.project-content a:hover{color:var(--color-brand-blue,#0a376d)}@media (max-width:768px){.project-detail-nav{display:none}.project-detail-content-wrapper{padding:2.5rem 1.5rem;border-radius:16px}.project-detail-cover{border-radius:12px;margin-bottom:3rem}}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background-color:rgba(0,0,0,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:zoom-out}.lightbox-close,.lightbox-overlay{display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;color:rgba(255,255,255,.7);padding:.5rem;border-radius:9999px;background:transparent;border:none;transition:all .2s ease;z-index:10000;cursor:pointer}.lightbox-close:hover{background-color:rgba(255,255,255,.1);color:white}.lightbox-img{max-width:95vw;max-height:95vh;object-fit:contain;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border-radius:6px}.project-gallery{display:flex;flex-wrap:wrap;gap:16px;width:100%}.gallery-item{height:250px;flex:1 1 300px;max-width:100%;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.16,1,.3,1);display:block}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.12)}@media (max-width:768px){.project-gallery{gap:12px}.gallery-item{height:250px;min-width:100%}}