@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}}.SECT-Portfolio .SECT-Portfolio__headline{font-weight:300;line-height:1.2;margin-bottom:5em}.SECT-Portfolio .SECT-Portfolio__headline>*{font-size:3.8em}@media(max-width: 1024px){.SECT-Portfolio .SECT-Portfolio__headline>*{font-size:2.5em}}@media(max-width: 767px){.SECT-Portfolio .SECT-Portfolio__headline>*{font-size:2.5em}}.SECT-Portfolio .SECT-Portfolio__list{position:relative;display:flex;flex-direction:column;gap:3em}.SECT-Portfolio .SECT-Portfolio__item{width:100%;display:flex;flex-direction:column;gap:1.5em}.SECT-Portfolio .SECT-Portfolio__item__letter{font-weight:300}.SECT-Portfolio .SECT-Portfolio__item__letter>*{font-size:2.5em}@media(max-width: 1024px){.SECT-Portfolio .SECT-Portfolio__item__letter>*{font-size:1.8em}}.SECT-Portfolio .SECT-Portfolio__sublist{width:100%;display:flex;flex-wrap:wrap;gap:2em}.SECT-Portfolio .SECT-Portfolio__subitem{padding:.7em 2em;border-radius:.7em;border:1px solid #262a2e;transition:background-color .5s}.SECT-Portfolio .SECT-Portfolio__subitem__top{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.SECT-Portfolio .SECT-Portfolio__subitem__title{line-height:1.66;flex:1}.SECT-Portfolio .SECT-Portfolio__subitem__title>*{font-size:1.8em}@media(max-width: 1024px){.SECT-Portfolio .SECT-Portfolio__subitem__title>*{font-size:1.5em}}@media(max-width: 767px){.SECT-Portfolio .SECT-Portfolio__subitem__title>*{font-size:1.5em}}.SECT-Portfolio .SECT-Portfolio__subitem__icon{margin-left:1.5em;width:1.5em;height:1.5em}.SECT-Portfolio .SECT-Portfolio__subitem__bottom{padding-top:2.5em;padding-bottom:2.5em}.SECT-Portfolio .SECT-Portfolio__subitem[data-open="0"] .SECT-Portfolio__subitem__icon{display:none}.SECT-Portfolio .SECT-Portfolio__subitem[data-open="0"] .SECT-Portfolio__subitem__bottom{display:none}.SECT-Portfolio .SECT-Portfolio__subitem[data-open="1"]{width:100%;padding-top:2em;background-color:#262a2e}.SECT-Portfolio .SECT-Portfolio__subitem[data-open="1"] .SECT-Portfolio__subitem__title{font-weight:400}@media(max-width: 1024px){.SECT-Portfolio .SECT-Portfolio__headline{margin-bottom:2.5em}.SECT-Portfolio .SECT-Portfolio__list{gap:2.5em}.SECT-Portfolio .SECT-Portfolio__item{gap:.5em}.SECT-Portfolio .SECT-Portfolio__sublist{gap:1em}.SECT-Portfolio .SECT-Portfolio__subitem__bottom{padding-top:1.5em;padding-bottom:1.5em}}.SECT-Portfolio .SECT-Portfolio__popup{position:fixed;z-index:999;top:0;right:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#fff}.SECT-Portfolio .SECT-Portfolio__popup[data-open="0"]{display:none !important}.SECT-Portfolio .SECT-Portfolio__popup__bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(15px)}.SECT-Portfolio .SECT-Portfolio__popup__wrap{max-height:100%;max-width:100%;position:relative;display:flex;padding:3em}.SECT-Portfolio .SECT-Portfolio__popup__container{position:relative;background-color:#131518;overflow:auto;max-height:100%;max-width:100%;border-radius:2em}.SECT-Portfolio .SECT-Portfolio__popup__content{min-height:100%;padding:8.5em 10em 7em 10em;max-width:100%;width:99.5em;position:relative;overflow:hidden}.SECT-Portfolio .SECT-Portfolio__popup__close{transition:transform .5s,box-shadow .5s;position:absolute;right:5em;top:5em;width:5em;height:5em;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#262a2e}@media(min-width: 1025px){.SECT-Portfolio .SECT-Portfolio__popup__close:hover{transform:translateY(-5px);box-shadow:0 3px 6px rgba(107,107,107,.1)}}.SECT-Portfolio .SECT-Portfolio__popup__close__icon{width:40%;height:40%}@media(max-width: 1024px){.SECT-Portfolio .SECT-Portfolio__popup__wrap{padding:1em}.SECT-Portfolio .SECT-Portfolio__popup__close{right:2em;top:2em;width:4em;height:4em}.SECT-Portfolio .SECT-Portfolio__popup__content{padding:6em 5em 5em 5em}}@media(max-width: 767px){.SECT-Portfolio .SECT-Portfolio__popup__content{padding:7em 2.5em 4em 2.5em}}