.project-page-container{padding:0 var(--page-padding);color:var(--accent-colour);width:100%}.project-page-header h1{font-family:var(--heading-font);font-size:3rem}.project-page-content{display:flex;justify-content:space-between}.project-description,.project-page-header p{font-family:var(--body-font)}.project-description{width:50%}.project-page-line{margin:10px 0;height:1px;width:100%;background-color:var(--accent-colour)}.project-page-featured-image{width:42vw;height:60vh}.project-page-featured-image img,.project-page-featured-image video{height:100%;width:100%;object-fit:cover;border-radius:10px;border:1px solid var(--accent-colour)}.project-page-gallery{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.gallery-item{height:350px;flex:auto;cursor:pointer}.gallery-item img,.gallery-item video{height:100%;width:100%;object-fit:cover;border-radius:10px;border:1px solid var(--accent-colour)}.lightbox-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9999;align-items:center;justify-content:center}.lightbox-overlay.active{display:flex}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-content img,.lightbox-content video{max-width:95vw;max-height:95vh;object-fit:contain;display:block;border-radius:10px;border:1px solid var(--accent-colour)}.lightbox-close{position:fixed;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--background-colour);font-size:2rem;cursor:pointer;line-height:1;z-index:10000}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--background-colour);font-size:2rem;cursor:pointer;padding:1rem;z-index:10000;line-height:1}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.gallery-item{cursor:pointer}@media screen and (max-width:768px){.project-page-header h1{font-size:1.8rem}.project-page-line{margin:5px 0}.project-page-header p,.project-description{font-size:9px}.project-page-content{flex-direction:column}.project-description{width:100%}.project-page-featured-image{width:100%;height:70dvh;margin-top:10px}.project-page-gallery{margin-top:10px;gap:5px}.gallery-item{height:150px;width:100px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/projects-page.css.map */