:root{font-family:Inter,Helvetica,Arial,sans-serif;font-weight:300;font-size:16px;--primary-color: #fefefe;--secondary-color: black;--primary-color-rgb: 227, 215, 193;--secondary-color-rgb: 0, 0, 0;--svg-perimeter: 2rem;--header-height: 8em;--padding-s: .5rem;--padding-m: 1rem;--padding-l: 2rem;--m: 4rem;--scroll-bar-offset: 17px}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-weight:400}p,a,li{font-variant-numeric:oldstyle-nums}ul{list-style:none;margin:0;padding:0}a{color:var(--secondary-color)}a:hover{filter:invert(100%) brightness(.8)}header{height:var(--m);color:var(--secondary-color);z-index:20;padding-block:var(--padding-m)}footer{position:fixed;bottom:0;padding-bottom:var(--padding-m);padding-inline:var(--padding-l);padding-right:calc(var(--scroll-bar-offset) + var(--padding-l));display:flex;justify-content:space-between;left:0;right:0;margin-left:auto;margin-right:auto}footer .langs{width:100%;display:flex;gap:1rem}footer .langs .lng{cursor:pointer}footer .langs .lng.select{color:#bebebe}footer .portfolio__nav .nav ul{display:flex;gap:1rem}footer .portfolio__nav .nav ul .nav__item{cursor:pointer}footer .portfolio__nav .nav ul .nav__item.select{color:#bebebe}@media screen and (max-width: 60em){footer .portfolio__nav{display:none}}@media screen and (max-width: 60em){footer{background:rgb(255,255,255);background:linear-gradient(0deg,rgb(255,255,255) 62%,rgba(255,255,255,0) 100%);padding-inline:var(--padding-m)}}main{width:100%;height:100%}main .content__wrapper{display:flex;justify-content:space-between;width:inherit;height:max-content;gap:var(--padding-l)}main .content__wrapper .content{flex:1}main .content__wrapper .content p:nth-child(odd){padding-bottom:var(--padding-m)}main .content__wrapper .portfolio{flex:1.5;width:100%;height:calc(100vh - var(--m));overflow:hidden}@media screen and (max-width: 60em){main .content__wrapper .portfolio{height:auto;overflow-y:auto}}main .content__wrapper .portfolio .portfolio__wrapper{width:100%;height:100%;overflow-y:scroll;padding-right:var(--scroll-bar-offset);box-sizing:content-box;display:flex;flex-direction:column;gap:calc(var(--padding-l) * 1.5)}main .content__wrapper .portfolio .portfolio__wrapper>:last-child{padding-bottom:calc(var(--padding-l) * 3)}main .content__wrapper .portfolio .portfolio__wrapper .project{background:var(--secondary-color);width:100%;height:auto;color:var(--primary-color);padding:var(--padding-l)}@media screen and (max-width: 60em){main .content__wrapper{flex-direction:column;height:auto}}.slider__container .slides{width:100%;height:max-content;display:flex}.slider__container .slides .slide{width:100%;height:40rem;flex:1;place-content:center;display:none;background-color:#000;overflow:hidden;cursor:pointer}@media screen and (max-width: 60em){.slider__container .slides .slide{height:25rem}}.slider__container .slides .slide.active{display:grid}.slider__container .slides .slide img{max-width:inherit;max-height:inherit;height:inherit;width:inherit;object-fit:contain}.slider__container .slide__info{display:flex;justify-content:space-between;padding-block:var(--padding-s)}.slider__container .slide__info .slide__title{text-transform:uppercase}body{color:var(--secondary-color);width:100vw;height:100vh;background:var(--primary-color);overflow:hidden;font-size:62.5%;padding-inline:var(--padding-l)}body #aaa{width:100%;height:100%}body #aaa h1,body #aaa h2,body #aaa h3,body #aaa h4,body #aaa h5,body #aaa h6,body #aaa p,body #aaa a,body #aaa ul,body #aaa li{font-size:1.1rem;font-weight:400;line-height:120%}body #aaa .wrapper{position:relative;width:100%;height:100%}@media screen and (max-width: 60em){body #aaa .wrapper{width:100%;padding-inline:var(--padding-m);overflow-y:scroll}}@media screen and (max-width: 60em){body{padding-inline:0}}