.project-page{width:100%;max-width:1240px;margin:0 auto;padding:140px 24px 120px}.project-hero{margin:80px 0 90px}.project-hero-image{object-fit:cover;cursor:pointer;border-radius:28px;width:100%;height:min(72vh,720px);transition:transform .7s,box-shadow .7s;display:block;box-shadow:0 30px 70px #00000073}.project-hero-image:hover{transform:scale(1.01);box-shadow:0 40px 100px #0009}.project-info{text-align:center;max-width:820px;margin:auto}.project-category{color:#c5a86b;text-transform:uppercase;letter-spacing:4px;margin-bottom:22px;font-size:.82rem;display:inline-block}.project-title{color:#fff;margin-bottom:36px;font-size:clamp(3rem,6vw,5.3rem);font-weight:700;line-height:1.08}.project-meta{flex-wrap:wrap;justify-content:center;gap:55px;margin-bottom:42px;display:flex}.project-meta-item{flex-direction:column;gap:8px;display:flex}.meta-label{color:#c5a86b;text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.project-meta-item span:last-child{color:#ffffffc7;font-size:1rem}.project-divider{background:linear-gradient(90deg,#0000,#c5a86b,#0000);width:90px;height:2px;margin:0 auto 38px}.project-description{color:#ffffffb8;max-width:720px;margin:auto;font-size:1.08rem;line-height:2}.project-gallery{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:50px;display:grid}.gallery-item{background:#111;border-radius:22px;overflow:hidden}.gallery-image{aspect-ratio:4/3;object-fit:cover;cursor:pointer;width:100%;transition:transform .7s,filter .5s;display:block}.gallery-item:hover .gallery-image{filter:brightness(1.05);transform:scale(1.05)}.lightbox{z-index:9999;background:#000000f0;justify-content:center;align-items:center;animation:.3s fade;display:flex;position:fixed;inset:0}.lightbox-image{border-radius:20px;max-width:92%;max-height:92%}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:all .35s;position:absolute;top:28px;right:34px}.lightbox-close:hover{color:#c5a86b;transform:rotate(90deg)}.project-not-found{justify-content:center;align-items:center;min-height:70vh;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.project-page{padding:120px 18px 80px}.project-title{font-size:2.4rem}.project-meta{gap:24px}.project-gallery{grid-template-columns:1fr;gap:18px}.gallery-image{aspect-ratio:4/3}}
