.video-modal-backdrop{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{background:#000;width:100%;max-width:1200px;height:70vh;position:relative}.video-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:2rem;line-height:1;transition:transform .2s;position:absolute;top:-40px;right:0}.video-modal-close:hover{transform:scale(1.1)}.video-modal-content iframe{width:100%;height:100%;display:block}@media (max-width:768px){.video-modal-backdrop{padding:1rem}.video-modal-content{height:50vh}.video-modal-close{font-size:1.5rem;top:-35px}}
.image-lightbox-backdrop{z-index:10000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-lightbox-content{cursor:default;max-width:95vw;max-height:95vh;position:relative}.image-lightbox-content img{object-fit:contain;width:auto;max-width:95vw;height:auto;max-height:95vh;display:block}.image-lightbox-close{color:#fff;cursor:pointer;opacity:.7;z-index:10001;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:3rem;font-weight:300;line-height:1;transition:opacity .3s;display:flex;position:fixed;top:20px;right:20px}.image-lightbox-close:hover{opacity:1}@media (max-width:1024px){.image-lightbox-backdrop{display:none}}
.project-detail{max-width:1200px;margin:0 auto;padding:2rem}.hero-image{width:100%;margin-bottom:2rem}.hero-image img{width:100%;height:auto;display:block}.project-detail-title{margin-bottom:1.5rem;font-size:2rem;font-weight:300;line-height:1.4}.project-description{white-space:pre-wrap;margin-bottom:2rem;font-size:1.2rem;font-weight:300;line-height:2.2}@media (min-width:1025px){.clickable-image{transition:opacity .3s}.clickable-image:hover{opacity:.85}}@media (max-width:1024px){.clickable-image{cursor:default!important}}.project-video{width:100%;margin-bottom:2rem;position:relative}.video-thumbnail-overlay{cursor:pointer;z-index:10;position:absolute;inset:0}.video-embed-wrapper{cursor:pointer;position:relative}.video-thumbnail{cursor:pointer;width:100%;position:relative}.video-thumbnail img{filter:brightness(.7);width:100%;height:auto;transition:filter .3s;display:block}.video-thumbnail:hover img{filter:brightness(.5)}.play-button{color:#202020;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;padding-left:8px;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-thumbnail:hover .play-button{background:#fff;transform:translate(-50%,-50%)scale(1.1)}.project-video iframe{border:none;width:100%;min-height:600px}.project-gallery{flex-direction:column;gap:20px;margin-top:2rem;display:flex}.gallery-item{width:100%}.gallery-item img{width:100%;height:auto;display:block}@media (max-width:768px){.project-detail{padding:1rem}.project-detail-title{font-size:1.6rem}.project-description{font-size:1rem;line-height:1.9}.project-video iframe{min-height:300px}.play-button{width:60px;height:60px;padding-left:6px;font-size:1.5rem}}@media (max-width:480px){.project-detail{padding:.5rem}.project-detail-title{margin-bottom:1rem;font-size:1.4rem}.project-description{margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.project-video iframe{min-height:220px}.play-button{width:50px;height:50px;padding-left:5px;font-size:1.2rem}.hero-image,.project-video,.gallery-item{margin-bottom:1.5rem}.project-gallery{gap:15px;margin-top:1.5rem}}