:root{--txtB: black;--txtB2: #333333;--txtB3: #666666;--txtW: #ffffff;--txtW2: #f1f1f1;--txtW3: #e1e3e6;--bg: white;--bg2: #ad5c00;--navBar:white;--navBarAlt: #e1e3e6;--navOutline: rgba(0, 0, 0, .2);--navOutline2: #e1e3e61a;--main: #800000;--main2: #ad5c00;--main3: #ffad52;--main4: #ffde8c;--glass: rgba(255, 255, 255, .15);--glassHov: rgba(255, 255, 255, .3);--glassBord: rgba(255, 255, 255, .4);--altColor:#80ccfd;--bubbleAmbient: rgba(255, 255, 255, .2);--open: #01b700;--busy: #e5b700;--closed: #c90013;--footer: #003179;--scrollThumb: #d9e7ff;--scrollHov: #f8fbff;--scrollBg: #002763}.projWrap{margin-bottom:5rem}.projWrap h1{text-align:left;margin-bottom:3rem;color:var(--txtB)}.projWrap h1:before{content:" ";width:3.5rem;height:3rem;background-color:var(--main4);position:absolute;transform:translate(-1rem,2rem);z-index:-1}.projWrap p1{text-align:left;padding-right:3rem;color:var(--txtB2)}.projGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem;margin-top:4rem}.projImg{position:relative;width:20rem;height:20rem;overflow:hidden;border-left:2rem solid var(--main)}.projImg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.projImg:before{content:"Click to view";display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--txtW);text-transform:uppercase;font-weight:900;position:absolute;top:0;left:0;width:20rem;height:20rem;background-color:var(--main);opacity:0;transition:opacity .3s ease;z-index:2}.projImg:hover:before{opacity:.6}.projGrid h2{text-align:left;margin-top:.6rem;font-size:2.2rem;color:var(--main)}.projGrid p1{text-align:left;margin-top:.4rem;color:var(--txtB2)}.projSub .projImg{border-left:2rem solid var(--main2)}.projSub .projImg:before{content:"Click to open";background-color:var(--main2)}.imgOpen{position:fixed;top:7%;right:5%;z-index:101;background-color:var(--main);color:var(--txtW);border:none;padding:.5vw .75vw;font-size:1.2vw;scale:1.3;cursor:pointer}.open{transition:all .5s ease}.projSub.is-open .projImg:before{content:"";background-color:transparent;display:none}.projSub.is-open p1{display:none}.proj-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#000000d9;display:flex;justify-content:center;align-items:center;gap:1rem}.proj-overlay .projImg{border-left:none;width:100vw;height:100vw;max-width:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.proj-overlay .projImg img{-o-object-fit:contain;object-fit:contain;max-height:90vh}@media (max-width: 1024px){.imgOpen{scale:2}.projImg:before{display:none}}@media (max-width: 768px){.projWrap h1{font-size:1.8rem!important}.projWrap h1:before{content:" ";width:1.75rem;height:1.5rem;position:absolute;transform:translate(-.5rem,.8rem);z-index:-1}.projGrid{display:flex;flex-direction:column;gap:2rem;margin-top:4rem}.projImg{position:relative;width:15rem;height:15rem;overflow:hidden;border-left:2rem solid var(--main)}.proj-overlay .projImg{max-width:95%}.projImg:before{width:15rem;height:15rem;font-size:1.5rem}.imgOpen{scale:3.5}}