.project-hero{width:100%;padding:140px 20px 0}.project-hero-header{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.project-hero-meta{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.project-hero-category{font-family:var(--font-inter);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--paragraph-dim);font-weight:500}.project-hero-year{font-family:var(--font-inter);font-size:var(--font-caption);color:var(--paragraph-dim);font-weight:500}.project-hero-title-wrap{grid-column:1/-1}.project-hero-title{font-size:var(--font-title);font-family:var(--font-inter);letter-spacing:-.04em;text-transform:uppercase;color:var(--foreground);margin:0;font-weight:500;line-height:.95}.project-hero-media{background:var(--dark);width:100%;height:60vh;margin-top:60px;position:relative;overflow:hidden}.project-hero-media img,.project-hero-media video{object-fit:cover;width:100%;height:100%}@media (min-width:768px){.project-hero{padding:160px 40px 0}.project-hero-header{grid-template-columns:repeat(8,1fr);gap:24px;margin-bottom:60px}.project-hero-media{height:75vh}}@media (min-width:1024px){.project-hero{padding:180px 120px 0}.project-hero-header{grid-template-columns:repeat(12,1fr);gap:30px;margin-bottom:80px}.project-hero-media{height:90vh}}
.project-info{width:100%;padding:80px 20px}.project-info-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.project-info-divider{background:var(--paragraph-dim);opacity:.2;grid-column:1/-1;height:1px;margin-bottom:40px}.project-info-services{grid-column:1/-1;margin-bottom:40px}.project-info-label{font-family:var(--font-inter);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--paragraph-dim);margin-bottom:24px;font-weight:600}.project-info-services-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-info-services-list li{font-family:var(--font-inter);font-size:var(--font-caption);color:var(--foreground);font-weight:500}.project-info-description{grid-column:1/-1}.project-info-description p{font-family:var(--font-inter);font-size:var(--font-body);color:var(--paragraph);margin:0;font-weight:400;line-height:1.6}.project-info-description p:not(:last-child){margin-bottom:24px}@media (min-width:768px){.project-info{padding:100px 40px}.project-info-grid{grid-template-columns:repeat(8,1fr);gap:24px}.project-info-services{grid-column:1/3;margin-bottom:0}.project-info-description{grid-column:4/9}}@media (min-width:1024px){.project-info{padding:120px}.project-info-grid{grid-template-columns:repeat(12,1fr);gap:30px}.project-info-services{grid-column:1/4}.project-info-description{grid-column:5/13}}.project-info-url-container{margin-top:40px}.project-info-url-link{font-family:var(--font-inter);font-size:var(--font-body);color:var(--foreground);align-items:center;gap:8px;padding-bottom:2px;font-weight:500;transition:opacity .3s;display:inline-flex;position:relative}.project-info-url-link:after{content:"";background:var(--foreground);transform-origin:100%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.project-info-url-link:hover:after{transform-origin:0;transform:scaleX(1)}.project-info-url-icon{width:14px;height:14px;transition:transform .3s}.project-info-url-link:hover .project-info-url-icon{transform:translate(2px,-2px)}
.project-gallery{flex-direction:column;gap:20px;width:100%;padding:0 20px;display:flex}.project-gallery-item{cursor:zoom-in;background:0 0;border:none;outline:none;width:100%;padding:0;display:block;position:relative}.project-gallery-item img,.project-gallery-item video{width:100%;height:auto;display:block}@media (min-width:768px){.project-gallery{gap:24px;padding:0 40px}}@media (min-width:1024px){.project-gallery{gap:30px;padding:0 120px}}.lightbox{background:var(--background);z-index:100000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;padding:10px;transition:opacity .3s;position:absolute;top:30px;right:30px}.lightbox-close:hover{opacity:.7}.lightbox-counter{color:var(--paragraph-dim);font-family:var(--font-inter);font-size:var(--font-caption);letter-spacing:.1em;z-index:10;position:absolute;top:40px;left:30px}.lightbox-arrow{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;padding:20px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{opacity:.7}.lightbox-arrow-left{left:20px}.lightbox-arrow-right{right:20px}.lightbox-stage{flex:1;justify-content:center;align-items:center;padding:80px;display:flex;overflow:hidden}.lightbox-image,.lightbox-video{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.lightbox-thumbnails{scrollbar-width:none;justify-content:center;gap:10px;height:100px;padding:20px;display:flex;overflow-x:auto}.lightbox-thumbnails::-webkit-scrollbar{display:none}.lightbox-thumb{cursor:pointer;opacity:.5;background:0 0;border:2px solid #0000;flex:none;height:100%;padding:0;transition:opacity .3s,border-color .3s}.lightbox-thumb img,.lightbox-thumb video{object-fit:cover;width:auto;height:100%}.lightbox-thumb:hover{opacity:.8}.lightbox-thumb-active{opacity:1;border-color:#fff}@media (max-width:768px){.lightbox-stage{padding:80px 20px 20px}.lightbox-arrow{display:none}}
.related-projects{width:100%;padding:120px 20px 80px}.related-projects-header{margin-bottom:60px}.related-projects-label{font-family:var(--font-inter);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--light);margin-bottom:16px;font-weight:600}.related-projects-title{font-size:var(--font-title);font-family:var(--font-inter);letter-spacing:-.03em;text-transform:uppercase;color:var(--foreground);margin:0;font-weight:500;line-height:1}.related-projects-grid{grid-template-columns:1fr;gap:30px;display:grid}.related-project-card{color:inherit;text-decoration:none;transition:opacity .3s;display:block}.related-project-card:hover{opacity:.85}.related-project-card-image{background:var(--dark);width:100%;height:50vh;margin-bottom:20px;position:relative;overflow:hidden}.related-project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.related-project-card:hover .related-project-card-image img{transform:scale(1.03)}.related-project-card-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.related-project-card-category{font-family:var(--font-inter);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--paragraph-dim);font-weight:500}.related-project-card-year{font-family:var(--font-inter);font-size:var(--font-caption);color:var(--paragraph-dim);font-weight:500}.related-project-card-title{font-size:var(--font-subtitle);font-family:var(--font-inter);letter-spacing:-.02em;text-transform:uppercase;color:var(--foreground);margin:0 0 4px;font-weight:500}.related-project-card-subtitle{font-size:var(--font-body);font-family:var(--font-inter);color:var(--paragraph);margin:0;font-weight:400}@media (min-width:768px){.related-projects{padding:140px 40px 100px}.related-projects-grid{grid-template-columns:repeat(2,1fr);gap:30px}.related-project-card-image{height:45vh}}@media (min-width:1024px){.related-projects{padding:160px 120px 120px}.related-projects-grid{gap:40px}.related-project-card-image{height:55vh}}