@font-face{font-family:"SerifNO02";src:url(/static/SerifNO02-RegularTextHalfDisplay-4d4107dfa4afb6a7588d2d0c5e9d0629.otf)}@font-face{font-family:"TestUntitledSerif";font-style:normal;src:url(/static/TestUntitledSerif-Regular-6eecdd07f721378370aedf5873c110b4.otf)}@font-face{font-family:"TestUntitledSerif";font-style:italic;src:url(/static/TestUntitledSerif-RegularItalic-e187ad350cc641466e723fe6a3b10344.otf)}*{box-sizing:border-box;margin:0;padding:0}html{background:linear-gradient(180deg,#e0e0e0,#767676);background-attachment:fixed,scroll;background-position:50%;background-repeat:no-repeat;height:100vh}header{justify-content:space-between;margin:10px 10px 50px}footer,header{align-items:center;display:flex;flex-direction:row}footer{padding-bottom:50px;padding-top:50px}p{font-family:"TestUntitledSerif",serif;font-style:normal}a{color:#000;text-decoration:none;transition-duration:.3s}a[href^=http]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAA20lEQVRoge3XTQrCMBRF4YOrs046kg7cewUrbkJBBxWKWPv7JDflHsi0vK/JIAHnnAvsAJyBZ9BK1nVgqBDI7q/jdyX9i5EVQM0GjtbcjsCdzCFjiCwgFd+IPpR0fTvxAE5kBBlCQCaQMQRkAJmCAHHIVAQIQ+YgQBQyFwGCkCUIEIMsRYAQZA0CRCBrESAAiUDA5+uyjhxwSr8ugNWCbxVA8177qAGnFLUTSTNCJSNUMkIlI1QyQiUjVDJCpU0gSuIeRUlr2AAC4MYGENAerQvtQ79MPItzznW9AIyjOr2b3OkrAAAAAElFTkSuQmCC) no-repeat 100% 0;background-size:10px 10px;padding-right:15px}.image-link{text-decoration:none}.h2-link,.image-link{background:none!important}.h2-link:focus,.h2-link:hover,a:focus,a:hover{color:transparent;text-shadow:0 0 3px #000}.image-link:focus,.image-link:hover{color:#000!important;text-decoration:none;text-shadow:none!important}h2{font-family:"TestUntitledSerif",serif;font-size:32px;font-style:italic;margin-bottom:30px;text-decoration:none}.landinglogo-container{height:70vh}.orb{left:50%;margin-right:-50%;max-width:700px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.orb-footer{margin:auto;max-width:20%;opacity:30%}.contact-button,.contact-button-landing,.logo-header,.logo-landing{color:#000;font-family:"SerifNO02",serif;font-weight:400;letter-spacing:-.025em;text-decoration:none;text-transform:uppercase}.logo-header{font-size:38px}.logo-landing{font-size:50px;left:30%;max-width:50%;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%)}.contact-button,.contact-button-landing{background:none;border:1px solid #000;border-radius:50px;font-size:12px;margin:30px -20px;padding:10px 15px;transform:rotate(90deg);transition-duration:.4s}.contact-button-landing{font-size:16px;left:80%;position:absolute;top:43.5%}.contact-button-landing:hover,.contact-button:hover{background-color:#767676;border:none;box-shadow:0 0 20px #888;color:transparent;color:#e0e0e0;text-shadow:0 0 3px #e0e0e0}.video-container{padding:45% 0 0;position:relative}.about-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:70px}.about-section{margin:50px 20px 5px;max-width:600px}.about-section,.portfolio-card{display:flex;flex-direction:column;justify-content:center;padding-bottom:220px}.portfolio-card{align-items:center}.project-graphic-container,.project-info-container{display:flex;flex-direction:column;margin:15px 15px 25px;max-width:400px}.portfolio-card__graphic__image-container{align-items:flex-end;display:flex;flex-direction:column;margin-left:20%;max-width:80%}.portfolio-card__graphic__image{border-radius:10px;height:auto;overflow:"hidden";width:100%}.portfolio-card__info{padding-left:2.5%}.portfolio-text-container{margin:auto;max-width:80%;padding-top:50px}.portfolio-table-wrapper{overflow-x:auto;padding:0 112px 220px;width:100%}.portfolio-table{border-collapse:collapse;margin:0 auto;max-width:1200px;min-width:720px;width:92%}.portfolio-table thead th{border-bottom:1px solid rgba(0,0,0,.25);font-family:"SerifNO02",serif;font-size:12px;letter-spacing:.08em;padding:12px 10px;text-align:left;text-transform:uppercase}.portfolio-table tbody td{border-bottom:1px solid rgba(0,0,0,.15);font-family:"TestUntitledSerif",serif;font-size:14px;padding:14px 10px;vertical-align:top}.portfolio-table tbody tr:hover{color:transparent;text-shadow:0 0 3px #000}.portfolio-table__title{font-style:italic;min-width:200px}.portfolio-table__meta{font-size:12px;margin-top:6px}.portfolio-table__link{background:none!important}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1200px;padding-top:20px;width:92%}.portfolio-filter-btn{-webkit-appearance:none;background:none;border:1px solid #000;border-radius:50px;color:#000;cursor:pointer;font-family:"SerifNO02",serif;font-size:12px;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.portfolio-filter-btn:hover{background:rgba(0,0,0,.1)}.portfolio-filter-btn--active{background-color:#767676;border:none;box-shadow:0 0 20px #888;color:#e0e0e0;text-shadow:0 0 3px #e0e0e0}.portfolio-filter-btn--active:hover{background-color:#767676}.portfolio-hover-image{pointer-events:none;position:fixed;z-index:1000}.portfolio-hover-image img{box-shadow:0 4px 20px rgba(0,0,0,.3);display:block;height:100%;width:100%}@media screen and (min-width:768px){header{margin:30px 30px 100px}h2{font-size:36px}p{font-size:15px}.orb{top:50%}.orb-footer{max-width:5%}.landinglogo-container{height:100vh}.logo{font-size:60px}.logo-landing{top:50%}.button--contact{font-size:18px}.contact-button-landing{font-size:22px;left:87.5%;top:45%}.portfolio-card{flex-direction:row}.about-container{height:100vh}.about-section{margin-left:25%}.logo-landing{font-size:100px;left:50%;text-align:center}.portfolio-table-wrapper{padding:0 160px 240px}.portfolio-table thead th{font-size:13px}.portfolio-table tbody td{font-size:15px}}@media screen and (max-width:767px){.portfolio-table__desktop-only{display:none}.portfolio-table{min-width:unset}.portfolio-table-wrapper{padding:0 24px 180px}}@media screen and (min-width:1024px){.logo-landing{font-size:150px}.contact-button-landing{position:fixed}.about-container,.portfolio-card{margin:10%}.video-container{padding:30% 0 0}.portfolio-text-container{max-width:60%;padding-top:200px}.blog-post-content{margin:10%;max-width:90%}.about-text{margin-left:5%;width:95%}}@media screen and (min-width:1460px){.logo-landing{font-size:200px}.portfolio-text-container{max-width:40%;padding-top:200px}}