.prod-main-img:focus-visible,.thumb:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.hero{aspect-ratio:unset;background-position:50%;background-repeat:no-repeat;background-size:cover;padding-block:64px}.hero .wrap{margin-inline:0}.hero p{width:40ch}.projects{border-block-start:0}.projects .category{text-decoration:none}.projects .wrap{padding-inline:0;position:relative}.projects .categories{border:1px solid var(--div);grid-template-columns:repeat(7,1fr);display:grid}.projects .categories .category{border-inline-end:1px solid var(--div);color:var(--muted);cursor:pointer;font-family:var(--font-heading);text-align:center;text-transform:uppercase;flex-direction:column;align-items:center;row-gap:12px;padding:20px;font-weight:600;display:flex}.projects .categories .category:hover{box-shadow:inset 0 0 0 1px var(--orange);color:var(--orange)}.projects .categories .category:hover g[stroke=\#FFFFFF]{stroke:var(--text)}.projects .categories .category:hover path[stroke=\#F37021]{stroke:var(--orange)}.projects .categories .category:hover img{filter:none;opacity:1}.projects .categories .category.active{border:1px solid var(--orange);color:var(--orange)}.projects .categories .category.active:hover{box-shadow:inset 0 0 0 1px var(--orange)}.projects .categories .category.active:has(+.category:hover){border-inline-end:1px solid var(--div)}.projects .categories .category.active g[stroke=\#FFFFFF]{stroke:var(--text)}.projects .categories .category.active path[stroke=\#F37021]{stroke:var(--orange)}.projects .categories .category.active img{filter:none;opacity:1}.projects .categories .category g[stroke=\#FFFFFF],.projects .categories .category path[stroke=\#F37021]{stroke:var(--muted)}.projects .categories .category svg{width:24px;height:24px}.projects .categories .category img{filter:grayscale();opacity:.7;width:32px;height:32px;margin:-4px}.projects .project-list{border-inline:1px solid var(--div);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:relative;overflow:hidden}.projects .project-list.long-list .project:nth-child(n+9){display:none}.projects .project-list.long-list.expanded .project:nth-child(n+9),.projects .project-list.long-list:not(.expanded)+.load-more{display:flex}.projects .project-list+.load-more{display:none}.projects .project-list .project{border-bottom:1px solid var(--div);cursor:pointer;font-family:var(--font-heading);font-size:var(--fs-tagline);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:flex-end;row-gap:8px;height:357px;padding:20px;line-height:1;display:flex}.projects .project-list .project.selected,.projects .project-list .project:hover{border:1px solid var(--orange)!important}.projects .project-list .project:not(:nth-child(4n)){border-right:1px solid var(--div)}.projects .project-list .project:nth-child(4n+1):nth-last-child(-n+4),.projects .project-list .project:nth-child(4n+1):nth-last-child(-n+4)~.grid-item{border-bottom:none}.projects .project-list .project>div{flex-direction:column;gap:8px;min-height:4rem;display:flex}.projects .project-list .project>div .category{color:var(--orange);font-size:var(--fs-body)}.load-more{border-inline:1px solid var(--div);justify-content:center;padding:12px;display:flex}.project-single{background-color:var(--panel);border-block-start:1px solid var(--div);opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .4s;display:grid;position:relative;overflow:hidden}.project-single>.wrap{border-inline:1px solid var(--div);grid-template-columns:repeat(2,1fr);gap:24px;width:100%;min-height:0;padding:0 70px;display:grid;position:relative}.project-single.open{opacity:1;grid-template-rows:1fr}.project-single .close-project{z-index:10;background:var(--panel);border:1px solid var(--div);color:var(--muted);cursor:pointer;text-box-trim:trim-end;padding:4px 10px;font-size:1.5rem;line-height:1;transition:color .2s,border-color .2s;position:absolute;top:16px;right:16px}.project-single .close-project:hover{border-color:var(--orange);color:var(--orange)}.project-single .prod-img-area{padding-block:20px;position:sticky;top:90px}.project-single .prod-main-img{background:var(--panel);aspect-ratio:4/3;cursor:url(/_next/static/media/zoom-in-CUwB_zUQ.8a408e82.svg),zoom-in;border-radius:4px;position:relative;overflow:hidden}.project-single .prod-main-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-single .prod-main-img:hover img{transform:scale(1.12)}.project-single .zoom-hint{border:1px solid var(--div);font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);pointer-events:none;background:#000000b3;border-radius:2px;padding:5px 10px;font-size:.7rem;transition:opacity .3s;position:absolute;bottom:12px;right:12px}.project-single .prod-main-img:hover .zoom-hint{opacity:0}.project-single .thumb-row{gap:8px;margin-top:10px;display:flex}.project-single .thumb{cursor:pointer;width:80px;height:60px;transition:all var(--tr);background:var(--panel);border:2px solid #0000;border-radius:2px;flex-shrink:0;position:relative;overflow:hidden}.project-single .thumb img{object-fit:cover;width:100%;height:100%;transition:opacity var(--tr)}.project-single .thumb:hover{border-color:var(--muted)}.project-single .thumb.act{border-color:var(--orange)}.project-single .thumb img{opacity:.65}.project-single .thumb.act img,.project-single .thumb:hover img{opacity:1}.project-single .proj-detail{padding-block:30px}.project-single .proj-detail h2{margin-bottom:12px}.project-single .proj-detail .category{color:var(--orange);font-family:var(--font-heading);text-transform:uppercase;margin-bottom:10px;display:block}.project-single .proj-detail p{font-size:var(--fs-small)}.project-single .proj-detail .e-content{margin-bottom:24px}.project-single .proj-detail table{font-size:var(--fs-small);text-align:left}.project-single .proj-detail table caption{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-single .proj-detail table th{vertical-align:top;padding-block-end:12px;padding-inline-end:32px}.project-single .proj-detail table tr td:first-of-type{filter:grayscale();padding-inline-end:10px}.project-single .proj-detail table td{vertical-align:top;padding-block-end:12px}.lb-img-wrap img{transition:opacity .2s}.lb-img-wrap img.is-loading{opacity:0}.lb-loader{border:2px solid #fff3;border-top:2px solid var(--orange);pointer-events:none;border-radius:50%;width:32px;height:32px;animation:lb-spin .6s linear infinite;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lb-loader.visible{display:block}@keyframes lb-spin{to{transform:translate(-50%,-50%)rotate(1turn)}}.no-projects{text-align:center;font-family:var(--font-heading);font-size:var(--fs-body);color:var(--muted);grid-column:1/-1;padding:60px 20px}@media (width<=1280px){.load-more,.project-list{border-inline:none!important}}@media (width<=768px){.projects .categories{column-rule:1px solid var(--div);row-rule:1px solid var(--div);grid-template-columns:repeat(2,1fr);gap:1px;overflow-x:scroll}.projects .categories .category{border-inline-end:none;min-width:200px}.projects .categories .category:first-of-type{grid-column:span 2}.projects .project-list{grid-template-columns:repeat(2,1fr)}.project-single .wrap{grid-template-columns:1fr;padding-inline:24px}.project-single .prod-img-area{position:static}}