@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{font-size:62.5%;--font-body-size: 1.6rem;--font-body-size-mobile: 1.8rem;--font-menu-size: 1.5rem;--font-menu-size-mobile: 2rem;--body-background: var(--pallete-0);--body-width: 1512px;--body-width-min: 350px;--body-width-full: 94%;--body-font-family: "Work Sans", serif;--pallete-0: #fAfAfA;--pallete-1: #111111;--pallete-2: #0D0D0D;--pallete-3: #93C90E;--pallete-4: #575757}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth}body{background-color:var(--body-background);font-size:var(--font-body-size);font-family:var(--body-font-family);color:var(--pallete-1);font-optical-sizing:auto;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.body{width:1512px;max-width:85%;margin:0 auto;position:relative}#app{position:relative;z-index:1}.menu{position:fixed;bottom:1rem;max-width:85%;background:#fff;border:solid 1px #c4c4c4;z-index:100;margin:-8rem auto 0;display:grid;justify-content:space-between;padding:.2rem 2rem;text-transform:uppercase;font-size:1.2rem;left:0;right:0;grid-template-columns:1fr 1fr}.menu>*:nth-child(1){grid-column:span 2}@media only screen and (min-width: 768px){.menu{margin:-12rem auto 0;top:6rem;bottom:auto;position:sticky;display:flex;grid-template-columns:none}}.menu:hover{border:solid 1px #111111}.menu .mobile-menu-button{display:inline;border:none;background-color:initial;text-align:left;font-weight:600;padding:1rem 0;cursor:pointer;color:var(--pallete-1)}@media only screen and (min-width: 768px){.menu .mobile-menu-button{display:none}}.menu .lang{align-content:center;cursor:pointer;border:0;background:none;text-align:right;color:var(--pallete-1);font-weight:300}@media only screen and (min-width: 768px){.menu .lang{text-align:start}}.menu__list{display:none;justify-content:center;gap:4rem;padding:1rem 0;margin:0;list-style:none;overflow:hidden;flex-direction:column}@media only screen and (min-width: 768px){.menu__list{flex-direction:row;display:flex}}.menu__list a{text-decoration:none;color:#111;font-weight:600}.menu__list a:hover{color:#666}.menu__list--open{display:flex;margin-bottom:3rem;padding-top:2rem}@media only screen and (min-width: 768px){.menu__list--open{padding:1rem 0;margin-bottom:initial}}.menu__list .menu__close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2.5rem;font-weight:700;color:#111;cursor:pointer}@media only screen and (min-width: 768px){.menu__list .menu__close-button{display:none}}.sections section{display:flex;gap:4rem;position:relative;align-items:center;font-size:1.6rem;line-height:2.4rem;font-weight:300;flex-direction:column;border-bottom:solid 1px var(--pallete-4)}.sections section:last-child{border-bottom:none;min-height:auto}.sections section:nth-child(3){margin-top:8rem}@media only screen and (min-width: 768px){.sections section{flex-direction:row;padding-bottom:15rem;gap:10rem}.sections section:nth-child(3){margin-top:1rem}}@media only screen and (min-width: 1200px){.sections section{font-size:2rem;line-height:3rem}}.sections section~section{margin-top:1rem}.sections section>div{min-height:1vh}.sections section>div:first-child{align-self:flex-start;display:flex;gap:3rem;border-bottom:solid 1px var(--pallete-4);width:100%;padding-bottom:1rem;padding-top:1rem;position:sticky;top:0;z-index:10;background-color:var(--pallete-0)}@media only screen and (min-width: 768px){.sections section>div:first-child{flex:1 1 30%;margin-top:15rem;top:14rem;flex-direction:column;gap:1rem;border:none;padding-bottom:0}}@media only screen and (min-width: 768px){.sections section>div:last-child{flex:1 1 70%;margin-top:30rem}}.sections section>div:last-child p.text-big{font-size:2rem;line-height:3rem}@media only screen and (min-width: 768px){.sections section>div:last-child p.text-big{font-size:2.5rem;line-height:3.75rem}}@media only screen and (min-width: 1200px){.sections section>div:last-child p.text-big{font-size:3.1rem;line-height:4.65rem}}.sections section>div:last-child span.accent{background-color:var(--pallete-3)}.sections section>div:last-child ul{list-style:none}.sections section>div:last-child ul li{display:flex;align-items:baseline;margin-bottom:1.5rem}.sections section>div:last-child ul.green-points li:before{content:"";width:1.2rem;height:1.2rem;background-color:var(--pallete-3);border-radius:50%;margin-right:1.5rem;flex-shrink:0}.sections section>div:last-child .text-padding{padding:9rem 0 0 0rem}@media only screen and (min-width: 1200px){.sections section>div:last-child .text-padding{padding:9rem 0 0 16rem}}.sections section>div:last-child .text-padding>p{margin-bottom:2rem}.sections section>div:last-child .pb-10{padding-bottom:10rem}h2{font-weight:600;font-size:2rem}@media only screen and (min-width: 768px){h2{margin-top:3rem}}h3{font-weight:600;font-size:2rem;line-height:3rem}@media only screen and (min-width: 768px){h3{font-size:2.5rem}}@media only screen and (min-width: 1200px){h3{font-size:3.1rem}}h4{font-weight:600;font-size:2rem}.team-members ul{list-style:none;display:flex;flex-direction:column;padding:0}.team-members ul li{border-bottom:1px solid var(--pallete-4);display:flex;flex-direction:column;gap:2rem}.team-members ul li .info{display:flex;width:100%;position:relative}.team-members ul li .info>div{width:100%}.team-members ul li .info button{background:none;border:none;cursor:pointer;display:grid;position:relative;width:100%;text-align:left;gap:1rem;color:var(--pallete-1)}.team-members ul li .info button:after{content:"+";font-size:8rem;font-weight:100;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.team-members ul li .info button:hover:after{font-weight:200}.team-members ul li .info button>*{grid-column:1}.team-members ul li:hover{border-bottom:1px solid var(--pallete-1)}.team-members ul li:hover button{font-weight:200}.team-members ul li .name{font-size:2rem;font-weight:600}.team-members ul li .name sup{font-size:1.4rem;font-weight:400;margin-left:1rem}.team-members ul li .role{font-size:1.5rem;font-weight:300}@media only screen and (min-width: 480px){.team-members ul li .role{font-size:2rem}}.team-members ul li .bio{font-size:2rem;height:0;overflow:hidden;transition:height .3s ease}.team-members ul li .bio img{width:100%;height:auto;margin:2rem 0 4rem}.team-members ul li .bio.open{height:auto;padding:2rem 0 4rem 0rem}@media only screen and (min-width: 768px){.team-members ul li .bio.open{padding:6rem 0 6rem 16rem}}.team-members ul li:has(.bio.open) .info button:after{transform:translateY(-50%) rotate(45deg)}.publications-list article{border-top:1px solid var(--pallete-4);display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.publications-list article h3{font-weight:600;font-size:1.6rem}@media only screen and (min-width: 768px){.publications-list article h3{font-size:2rem}}.publications-list article p{width:100%}@media only screen and (min-width: 1440px){.publications-list article p{width:80%}}.publications-list article a{border:solid 1px var(--pallete-4);text-align:center;padding:.6rem 1rem;display:inline-block;width:fit-content;text-decoration:none;color:var(--pallete-1);font-size:1.2rem;font-weight:600;align-self:end}.publications-list article a:hover{background-color:var(--pallete-1);color:var(--pallete-0)}section#contact{display:flex;position:relative;border-bottom:none}@media only screen and (min-width: 768px){section#contact{min-height:100vh}}section#contact div>img{width:300px;max-width:100%;height:auto}section#contact .email{font-size:2rem;font-weight:300;margin:8rem 0}@media only screen and (min-width: 768px){section#contact .email{font-size:3.1rem}}section#contact .email a{color:var(--pallete-1);text-decoration:none}section#contact .mb-4{margin-bottom:4rem}section#contact .mbm-8{margin-bottom:8rem}.footer{display:flex;text-transform:uppercase;font-size:1.2rem;flex-direction:column;align-items:center;gap:1rem;margin-bottom:10rem}@media only screen and (min-width: 768px){.footer{margin-bottom:1rem;margin-top:-8rem;flex-direction:row;justify-content:space-between;gap:initial}}.footer a{color:var(--pallete-1);text-decoration:none;font-weight:600}.footer .sfu,.footer .sfi{border:solid 1px var(--pallete-4);width:100%;text-align:center;padding:.6rem 0;align-items:end}@media only screen and (min-width: 768px){.footer .sfu,.footer .sfi{width:35%;max-width:494px}}.footer .sfu:hover,.footer .sfi:hover{background-color:var(--pallete-1);color:var(--pallete-0)}@media only screen and (min-width: 768px){.footer .sfu{margin-left:auto;border-right:none}}.start{background-image:url(/gfx/top.webp);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;display:flex;justify-content:center;position:relative}@media only screen and (min-width: 768px){.start{background-attachment:fixed}}.start .logo{max-width:90%;width:70rem;display:flex;justify-content:center;flex-direction:column;align-items:center}.start .logo div{position:relative;width:100%}.start .logo img{width:100%}.start .logo h1{font-size:clamp(1rem,5vw,3.9rem);white-space:nowrap;font-weight:300;text-align:center;position:absolute;bottom:6rem;left:0;right:0;width:100%}@media only screen and (min-width: 768px){.start .logo h1{bottom:14rem}}
