#hero{background:url(/banner.webp);background-size:cover;background-position:top;position:fixed;filter:grayscale(1);transform:translateZ(0);will-change:transform}#hero .container{text-align:start;z-index:1}#hero h1{font-size:1.7rem;margin:0;line-height:1;letter-spacing:-1px;font-weight:600}#hero h2{font-size:3rem;font-weight:600;line-height:.9;text-transform:uppercase;letter-spacing:-.5}#hero h3{font-size:1rem;font-weight:500;text-transform:uppercase;margin:.8rem 0 2rem}#hero .location,.hero-about-btn{font-size:1rem;font-weight:500;color:var(--color-gray);letter-spacing:-.5}.hero-about-btn:hover{color:var(--color-text)}#hero .box-wrapper{display:flex;justify-content:center;align-items:center}#hero .box{width:400px;height:500px;background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:space-between;padding:1rem;-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);will-change:clip-path;overflow:hidden}.text-wrapper{width:100%;overflow:hidden;align-items:end!important}#hero .text-wrapper:nth-child(3){display:flex;justify-content:space-between;align-items:end}.version{font-weight:500;line-height:1.3}@media (max-width:640px){#hero .box{width:100%}#hero h3{text-align:justify}}#project-list{padding-bottom:2rem}.project-list-heading{font-size:2rem;text-transform:uppercase;letter-spacing:-1px;margin-bottom:1rem;padding-right:2rem;position:relative;display:inline-block}.project-list-heading .number{font-size:1rem;position:absolute;top:0;right:6px}.project-list-items{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;border-top:1px solid var(--color-text);border-bottom:1px solid var(--color-text);padding:1rem 0}.project-list-card{list-style:none}.project-list-card-link{display:flex;justify-content:space-between;align-items:start;flex-direction:column;gap:0;padding:0}.project-list-preview-image{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:60vh;height:60vh;background-size:cover;background-position:50%;pointer-events:none;opacity:0;z-index:999}.project-list-card-image-wrapper{position:relative;width:100%;height:400px;background:var(--color-inverse);padding:1rem;background-size:cover;background-position:50%;overflow:hidden}.project-list-card-image-wrapper .material-symbols-outlined{position:absolute;bottom:.7rem;right:1rem;color:var(--color-text-inverse)}.project-list-card-title{font-weight:600;text-transform:uppercase;margin:.5rem 0 0 .5rem}.card-overview,.project-list-card-title{font-size:1.1rem;letter-spacing:-.5;color:var(--color-text-inverse)}.card-overview{line-height:1;display:none}.card-number-wrapper{bottom:1rem;left:1rem;position:absolute;overflow:hidden;display:flex;height:7.5rem}.card-number{display:flex;font-size:8rem;line-height:1;letter-spacing:-7px;color:var(--color-surface)}.digit{display:inline-block;transform:translateY(0);will-change:transform}.digit.ones{transform:translateY(100%)}.project-list-card-image{width:100%;height:100%;object-fit:contain;scale:.8;transform-origin:center center;will-change:transform;display:none}.project-list-nav-wrapper{display:flex;justify-content:center;margin-top:2rem}.project-list-nav{text-transform:uppercase;letter-spacing:-.5;font-size:1rem;font-weight:600}.project-list-nav .material-symbols-outlined{font-size:23px}@media (max-width:1030px){.project-list-items{grid-template-columns:repeat(3,1fr)}}@media (max-width:840px){.project-list-items{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.project-list-heading{font-size:1.6rem;padding-right:1.8rem}.project-list-heading .number{font-size:.8rem;top:-5%}.card-overview{font-size:1rem}.project-list-items{grid-template-columns:repeat(1,1fr)}.project-list-nav-wrapper{justify-content:start}}