@keyframes loader-spinning{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes loader-blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes view-transition-out{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes view-transition-in{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.MOD-Portfolio{background-color:#131518;padding:16em 0}.MOD-Portfolio .MOD-Portfolio__headline{font-weight:300;line-height:1.2;margin-bottom:5em}.MOD-Portfolio .MOD-Portfolio__headline>*{font-size:3.8em}@media(max-width: 1024px){.MOD-Portfolio .MOD-Portfolio__headline>*{font-size:2.5em}}@media(max-width: 767px){.MOD-Portfolio .MOD-Portfolio__headline>*{font-size:2.5em}}.MOD-Portfolio .MOD-Portfolio__list{position:relative;display:flex;flex-direction:column;gap:3em}.MOD-Portfolio .MOD-Portfolio__item{width:100%;display:flex;flex-direction:column;gap:1.5em}.MOD-Portfolio .MOD-Portfolio__item__letter{font-weight:300}.MOD-Portfolio .MOD-Portfolio__item__letter>*{font-size:2.5em}@media(max-width: 1024px){.MOD-Portfolio .MOD-Portfolio__item__letter>*{font-size:1.8em}}.MOD-Portfolio .MOD-Portfolio__sublist{width:100%;display:flex;flex-wrap:wrap;gap:2em}.MOD-Portfolio .MOD-Portfolio__subitem{padding:.7em 2em;border-radius:.7em;border:1px solid #262a2e;transition:background-color .5s}.MOD-Portfolio .MOD-Portfolio__subitem__top{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.MOD-Portfolio .MOD-Portfolio__subitem__title{line-height:1.66;flex:1}.MOD-Portfolio .MOD-Portfolio__subitem__title>*{font-size:1.8em}@media(max-width: 1024px){.MOD-Portfolio .MOD-Portfolio__subitem__title>*{font-size:1.5em}}@media(max-width: 767px){.MOD-Portfolio .MOD-Portfolio__subitem__title>*{font-size:1.5em}}.MOD-Portfolio .MOD-Portfolio__subitem__icon{margin-left:1.5em;width:1.5em;height:1.5em}.MOD-Portfolio .MOD-Portfolio__subitem__bottom{padding-top:2.5em;padding-bottom:2.5em}.MOD-Portfolio .MOD-Portfolio__subitem[data-open="0"] .MOD-Portfolio__subitem__icon{display:none}.MOD-Portfolio .MOD-Portfolio__subitem[data-open="0"] .MOD-Portfolio__subitem__bottom{display:none}.MOD-Portfolio .MOD-Portfolio__subitem[data-open="1"]{width:100%;padding-top:2em;background-color:#262a2e}.MOD-Portfolio .MOD-Portfolio__subitem[data-open="1"] .MOD-Portfolio__subitem__title{font-weight:400}@media(max-width: 1024px){.MOD-Portfolio .MOD-Portfolio__headline{margin-bottom:2.5em}.MOD-Portfolio .MOD-Portfolio__list{gap:2.5em}.MOD-Portfolio .MOD-Portfolio__item{gap:.5em}.MOD-Portfolio .MOD-Portfolio__sublist{gap:1em}.MOD-Portfolio .MOD-Portfolio__subitem__bottom{padding-top:1.5em;padding-bottom:1.5em}}.MOD-Portfolio .MOD-Portfolio__container{display:flex;justify-content:space-between;align-items:center;gap:7.5em}.MOD-Portfolio .MOD-Portfolio__left{max-width:60em;width:100%}.MOD-Portfolio .MOD-Portfolio__right{transition:transform 2s,opacity 2s;flex:1;max-width:52.5em;margin-right:-12em}.MOD-Portfolio .MOD-Portfolio__right.JS-effect{opacity:0;transform:scale(0)}.MOD-Portfolio .MOD-Portfolio__right img{display:block;height:auto;width:100%}.MOD-Portfolio .MOD-Portfolio__popup-trigger{display:flex;margin-top:6em;color:#e0e0e0}@media(max-width: 1600px){.MOD-Portfolio .MOD-Portfolio__right{margin-right:0}}@media(max-width: 1024px){.MOD-Portfolio{padding:7em 0}.MOD-Portfolio .MOD-Portfolio__container{flex-direction:column;align-items:flex-start;gap:3.5em}.MOD-Portfolio .MOD-Portfolio__left{max-width:none;width:100%}.MOD-Portfolio .MOD-Portfolio__right{max-width:40em;width:100%;align-self:center}.MOD-Portfolio .MOD-Portfolio__popup-trigger{margin-top:4em}}@media(max-width: 767px){.MOD-Portfolio .MOD-Portfolio__right{max-width:25em;width:100%;align-self:center}}