body{background-color:#fff;font-family:Space Grotesk,Helvetica,sans-serif;padding-left:40px;padding-right:40px}@media (max-width:750px){body{padding-left:20px;padding-right:20px}}html{scroll-behavior:smooth}a{text-decoration:none}a:hover{color:#111!important;text-decoration:none!important}.content-display-area{display:flex;flex-direction:column;margin:auto;width:100%}.header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:40px;width:100%}@media (max-width:750px){.header{margin-top:40px}}.name-brand{display:flex;flex-direction:column;width:80px}.name-brand img{width:100%}.nav-bar{display:flex;height:50.38px;justify-content:space-between}.navlink{align-self:center;color:#999;font-size:13px;font-weight:lighter;letter-spacing:1px;margin-left:19.5px;padding:20px 0}.navlink:active{color:#111}.mobile-nav-bar{display:none;margin-left:auto;margin-right:auto;width:100%}.mobile-nav-bar a{color:#999;font-size:16px;font-weight:lighter;width:100%}.mobile-navlink{display:block;font-size:16px;margin-left:0;padding-bottom:10px;padding-top:10px;text-align:center;width:100%}.breakline{background-color:#ddd;height:1px;margin-bottom:5px;margin-top:5px;width:100%}.active{color:#111}@media (max-width:750px){.nav-bar{display:none}.mobile-nav-bar{display:block}.name-brand{align-items:center;margin:auto}}.project-thumbnail{margin-top:55px;width:100%}.wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.project{margin-top:35px;width:31.333333333%}.project:hover{opacity:.85;transform:scale(1.03);transition:.4s}@media (max-width:750px){.project{margin-top:25px;width:48%}.project-thumbnail{margin-top:50px}}.project-cover{display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.project-cover:before{content:"";display:block;padding-top:100%}.project-cover img{bottom:0;height:100%;position:absolute;top:0}.project-title{color:#404040;display:block;font-size:12.5px;font-weight:lighter;letter-spacing:.5px;margin-top:15px;text-align:center}.project-display-window{margin-top:100px}.project-display-window:target{display:block}.project-display-title{color:#222;font-size:30px;font-weight:bolder;margin-bottom:15px;text-align:center}.project-display-description{color:#575757;font-size:15px;font-weight:lighter;line-height:1.8em;margin-top:30px}.project-display-info-right{float:right;margin-left:34px;margin-right:12px;margin-top:50px;width:250px}.project-display-title-right{color:#575757;font-size:24px;font-weight:lighter;line-height:1.8em}.project-display-note{color:#575757;font-size:15px;font-weight:bolder;line-height:1.8em;margin-top:30px}.project-display-subtitle-center,.project-display-subtitle-left{color:#222;font-size:30px;font-weight:lighter;letter-spacing:2px;margin-top:100px}.project-display-subtitle-center{text-align:center}.picture-container{margin-top:36px;width:48.5%}.project-display-picture{display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.project-display-picture img{bottom:0;height:100%;position:absolute;top:0;width:100%}.iframe-container,.video-container{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.responsive-iframe,.video-container{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.ratio-1-1:before{content:"";display:block;padding-top:100%}.margin-offset-1-1{margin-top:-100%}.ratio-16-9:before{content:"";display:block;padding-top:56.25%}.margin-offset-16-9{margin-top:-56.25%}.ratio-4-3:before{content:"";display:block;padding-top:80%}.margin-offset-4-3{margin-top:-80%}.ratio-3-4:before{content:"";display:block;padding-top:133.33%}.margin-offset-3-4{margin-top:-133.33%}.ratio-9-16:before{content:"";display:block;padding-top:177.77%}.margin-offset-9-16{margin-top:-177.77%}.width-3-of-4{width:73.29%}.width-1-of-4{width:22.71%}.project-picture-fullsize{margin-top:36px;width:100%}.picture-container img{width:100%}.poster-picture-container{display:block;margin-right:300px;max-width:900px}.project-picture-subtitle{color:#575757;font-size:12px;font-weight:700;margin-top:20px}@media (max-width:750px){.project-picture-subtitle{width:100%}.project-display-info-right{float:none;margin-left:0;width:100%}.picture-container,.picture-subtitle-container,.poster-picture-container,.width-1-of-4,.width-3-of-4{width:100%}}.project-display-navbar{display:flex;justify-content:space-between;margin-top:100px}.project-display-navlink{color:#111;font-size:15px}.project-display-navlink-disabled{color:#999!important;pointer-events:none}.my-picture{width:57%}.picture{background-image:url(/static/media/about-pic2.0a9b8a0e400ddd31364d.jpg);background-size:100% 100%}.picture,.picture img{width:100%}.ratio-special:before{content:"";display:block;padding-top:66.63%}.margin-offset-special{margin-top:-66.63%}.self-intro{width:40%}.self-intro h1{color:#222;font-size:30px;font-weight:lighter;line-height:1.8em}.self-intro a,.self-intro p{color:#575757;font-size:15px;font-weight:lighter;line-height:1.8em}.self-intro p:nth-child(5){font-weight:700}.contact-breakline{background-color:#ddd;height:1px;margin-bottom:50px;margin-top:50px;width:100%}@media (max-width:750px){.my-picture{width:100%}.self-intro{margin-top:30px;width:100%}}.footer{font-size:15px;line-height:1.8em;margin-bottom:35px;margin-top:100px;width:50%}.power-by{color:#999;font-size:13px}.power-by a{color:#575757}.encrypted-gate{margin-top:55px;width:500px}.encrypted-gate-text,.encrypted-gate-title{font-weight:lighter;line-height:1.8em}.encrypted-gate-title{color:#222;font-size:30px}.encrypted-gate-text{color:#575757;font-size:15px}.encrypted-gate-form{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.encrypted-gate-input{appearance:none;background-color:#fff;border:1px solid #cfcfcf;border-radius:8px;color:#222;flex:1 1 240px;font-size:14px;outline:none;padding:13px 16px;transition:border-color .2s ease,box-shadow .2s ease}.encrypted-gate-input::placeholder{color:#a0a0a0;font-weight:lighter}.encrypted-gate-input:hover{border-color:#999}.encrypted-gate-input:focus{border-color:#222;box-shadow:0 0 0 3px #22222214}.encrypted-gate-submit{background-color:#111;border:1px solid #111;border-radius:8px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:500;letter-spacing:1.5px;padding:13px 30px;text-transform:uppercase;transition:background-color .2s ease,opacity .2s ease}.encrypted-gate-submit:hover:not(:disabled){background-color:#333}.encrypted-gate-submit:disabled{cursor:default;opacity:.55}.encrypted-gate-error{color:#b00020;flex:1 0 100%;font-size:13px;font-weight:lighter;letter-spacing:.3px;margin-top:4px}@media (max-width:750px){.encrypted-gate{margin-top:30px;width:100%}.encrypted-gate-submit{flex:1 1 100%}}