html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#333;border-color:#eee;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;scroll-behavior:"instant";margin:0}*{color:#eee;font-family:"Source Sans 3",system-ui;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background:transparent;margin-top:50px}::-webkit-scrollbar-thumb{background:#444;background-clip:content-box;border-right:15px solid transparent}::-webkit-scrollbar-thumb:hover{background:#777;background-clip:content-box}a{text-decoration:none;color:#333;-webkit-transition:all .3s ease;transition:all .3s ease}a:hover{opacity:.6;-webkit-transition:all .3s ease;transition:all .3s ease}button{color:#eee;border-color:#eee;border:none;background-color:transparent;-webkit-transition:all .3s ease;transition:all .3s ease}button:hover{color:#aaa;-webkit-transition:all .3s ease;transition:all .3s ease}h1{font-family:Libre Baskerville,serif}@media only screen and (min-width: 769px) and (max-width: 1200px){::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{border-right:8px solid transparent}}@media only screen and (max-width: 768px){::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{border-right:4px solid transparent}}.card{padding:5vh 12vw;width:55vw}.card__container{background:rgba(100,100,100,.5);padding:30px;display:flex;flex-direction:column}.card__title{margin-bottom:40px;font-family:Libre Baskerville,serif;font-weight:400}.card__line{width:20px;height:1px;border:#eee solid 1px}.card__para{font-weight:100;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}.card__btn{font-weight:400;font-size:18px;border:none;align-self:flex-end;margin:30px 0}@media only screen and (min-width: 769px) and (max-width: 1200px){.card{padding:2vh 8vw;width:55vw}.card__para{-webkit-line-clamp:8}.card__container{padding:25px}}@media only screen and (min-width: 427px) and (max-width: 768px){.card{padding:0 4vw;width:50vw}.card__para{-webkit-line-clamp:6}}@media only screen and (max-width: 426px){.card{padding:60vh 15px 0;width:80vw}.card__para{-webkit-line-clamp:4}}@media only screen and (max-width: 768px){.card__container{padding:20px}.card__title{margin-bottom:20px}.card__btn{margin:18px 0}}.contact-card{padding:2vw 8vw}.contact-card__container{background:rgba(100,100,100,.5);padding:100px 50px 50px}@media only screen and (max-width: 768px){.contact-card__container{padding:70px 20px 10px}}.message__container{margin-bottom:50px}.message__sent-message,.message__validation-container{margin-top:20px}.message__validation{margin-bottom:10px}.message-form{max-width:600px}.message-form__label{font-weight:300}.message-form__input-box{width:100%;height:32px;margin-top:5px;margin-bottom:20px;border:none;border-bottom:2px dotted #aaaaaa;background-color:#0a0a0a00;padding:5px}.message-form__message{height:200px;resize:vertical}.message-form__submit-btn{width:80px;height:80px;border-radius:50%;border:1px solid #eee;background-color:transparent;font-size:1em}.message-form__submit-btn:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:#fff;color:#333;opacity:.2;transform:scale(1.06)}.ending-card{width:600px;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none}.ending-card__title{font-size:5em;font-weight:500;margin:0}.ending-card__subtitle{font-size:30px;font-weight:200;margin-bottom:45px;text-align:center}.ending-card__restart-btn{font-size:1em;margin:15px}@media only screen and (min-width: 427px) and (max-width: 768px){.ending-card__title{font-size:4em}}@media only screen and (max-width: 426px){.ending-card__title{font-size:3em}}.scroll-card{width:100vw;height:100svh;display:flex;justify-content:center;align-items:flex-end}.scroll-card__container{margin-bottom:10vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-card__box{width:45px;height:72px;border:#eee solid 1px;border-radius:25px}.scroll-card__text{text-align:center;font-weight:200;font-size:1.15em}.scroll-card__arrow{position:relative;top:25%;left:50%;width:4px;height:4px;border-radius:2px;transform:translate(-50%);border:#eee solid 1px;background-color:#eee;animation:arrow 2s infinite}@keyframes arrow{0%{top:25%;opacity:1}to{top:70%;opacity:0}}@media only screen and (max-width: 768px){.scroll-card__box{width:30px;height:48px;border-radius:15px}.scroll-card__arrow{width:3px;height:3px}.scroll-card__text{font-size:1em}}.starting-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;display:flex;flex-direction:column;align-items:center}.starting-screen__title{font-size:4.1em;font-family:Libre Baskerville,serif;margin:0;letter-spacing:.1em}.starting-screen__subtitle{font-weight:300;font-size:1.7em;margin-top:5px;margin-bottom:50px;text-align:center;letter-spacing:.13em}@media only screen and (min-width: 427px) and (max-width: 768px){.starting-screen__title{font-size:2.7em;letter-spacing:.1em}.starting-screen__subtitle{font-size:1.2em;margin-bottom:45px;letter-spacing:.1em}}@media only screen and (max-width: 426px){.starting-screen__title{font-size:2.05em;letter-spacing:.1em}.starting-screen__subtitle{font-size:1em;margin-bottom:25px;letter-spacing:.05em}}.more-screen{width:100vw;height:100vh;position:fixed;z-index:50;top:0;left:0;display:flex;justify-content:center;background-color:#1e1e1ee6}.more-screen__container{width:80%;max-width:1200px;background-color:#555;padding:3% 5% 5%;overflow-y:scroll}.more-screen__close-btn{font-size:20px;position:fixed;top:1vw;right:2vw;text-align:center;color:#fff;background-color:#0000;padding:20px 24px;border-style:none;border-width:1px;border-radius:30px}@media only screen and (min-width: 427px) and (max-width: 768px){.more-screen__container{width:85%}}@media only screen and (max-width: 426px){.more-screen__container{width:90%}}.project{z-index:1000;overflow-y:scroll}.project__video{width:100%;aspect-ratio:16/9}.project-info__title{text-align:center;margin-top:1.5em;margin-bottom:10px;font-weight:700}.project-info__subtitle{margin-top:0;margin-bottom:.9em;text-align:center;font-weight:200;font-style:italic;font-family:Libre Baskerville,serif}.project-info__content{display:flex;flex-direction:column;align-items:center}.project-info__content p{text-align:center;font-size:.9em;line-height:100%;margin:3px;font-weight:200}@media only screen and (max-width: 426px){.project-info__content p{font-size:.8em}.project-info__title{font-size:1.7em}.project-info__subtitle{font-size:1em}}.project-content{width:100%;padding-top:40px;padding-bottom:50px}.project-section{max-width:800px;margin:auto}.project-section__title-subtitle{margin-bottom:20px;font-weight:600}.project-section__ul{display:table}.project-section__video{width:99%;aspect-ratio:16/9;margin-top:35px}.project-section__diagram{width:100%;object-fit:contain;margin-top:35px}@media only screen and (max-width: 426px){.project-section__video,.project-section__diagram{margin-top:20px}}.project-gallery,.project-gallery__img{width:100%}@media only screen and (min-width: 769px) and (max-width: 1024px){.project-gallery__img{max-width:68vw;max-height:68vw}}@media only screen and (min-width: 427px) and (max-width: 768px){.project-gallery__img{max-width:75vw;max-height:75vw}}@media only screen and (max-width: 426px){.project-gallery__img{max-width:86vw;max-height:86vw}}.picture-box{width:100%;aspect-ratio:5 / 3;overflow:hidden}.picture-box__img{width:100%;height:100%;object-fit:cover}.practices{margin-top:50px;width:100%}.practices__header{display:flex;gap:20px;margin-bottom:50px}.practices__header h1{flex:2}.practices__header p{flex:3}.practices__container{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 15px}@media only screen and (max-width: 768px){.practices__header{flex-direction:column}}@media only screen and (min-width: 427px) and (max-width: 768px){.practices__container{grid-template-columns:repeat(3,1fr);gap:15px 10px}}@media only screen and (max-width: 426px){.practices__container{grid-template-columns:repeat(3,1fr);gap:6px 5px}}.practice-item__title{font-weight:300;margin-top:10px;text-align:left}@media only screen and (min-width: 427px) and (max-width: 768px){.practice-item__title{margin-top:5px}}@media only screen and (max-width: 426px){.practice-item__title{margin-top:3px}}.about{z-index:1000;overflow-y:scroll;display:flex;gap:50px}.about__header{flex:2}.about__container{flex:3}.about__section{margin-bottom:50px}@media only screen and (max-width: 768px){.about{flex-direction:column}}.about-item__container{margin-bottom:20px}.about-item__title,.about-item__second-line{margin:0}.papers{z-index:1000;overflow-y:scroll;display:flex;gap:65px}.papers__header{flex:2}.papers__container{flex:3}.papers__section{margin-bottom:50px}@media only screen and (max-width: 768px){.papers{flex-direction:column}}.paper-item__container{margin-bottom:50px}.paper-item__title{font-weight:500;margin-bottom:18px}.paper-item__para{font-weight:300;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.paper-item__btn{padding:0;font-size:1em;font-weight:400}.header{position:fixed;top:0;left:0;width:100vw;padding-top:20px;padding-right:50px;z-index:10;display:flex;justify-content:flex-end}.header__container{height:50px;display:flex;gap:20px}.header__btn{padding-bottom:5px}@media only screen and (max-width: 768px){.header{padding-top:15px;padding-right:35px}.header__container{gap:20px}}@media only screen and (max-width: 426px){.header__container{display:none}}.nav-social{display:flex;justify-content:space-between;width:90px}.nav-social-btn{align-self:center;width:20px}.nav-social-btn img{width:100%}@media only screen and (max-width: 768px){.nav-social{width:80px}.nav-social-btn{width:16px}}.nav-mail{margin-top:15px;display:none;flex-direction:column;justify-content:space-between}@media only screen and (max-width: 426px){.nav-mail{display:flex;width:21px}}.loading-screen{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#333;z-index:4000;display:flex;justify-content:center;align-items:center}.loading-screen__container{width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-screen__text{font-weight:100}.loading-screen__progress-track{width:100px;height:4px;background-color:#555;padding:0}.loading-screen__progress-inner{height:4px;background-color:#ccc}.big-title{font-size:2.5em;margin-top:15px}.big-btn{border-style:solid;border-width:1px;border-radius:35px;font-size:1.9em;font-weight:400;padding:15px 30px;transition:all .4s ease;-webkit-transition:all .4s ease;margin-top:15px}.big-btn:hover{background-color:#fff;color:#333;opacity:.2;transform:scale(1.06);transition:all .4s ease}@media only screen and (min-width: 427px) and (max-width: 768px){.big-btn{font-size:1.5em;margin:8px}.big-title{font-size:2.5em;margin-top:0}}@media only screen and (max-width: 426px){.big-btn{font-size:1.2em;padding:14px 27px;margin:12px}.big-title{font-size:2em;margin-top:0}}
