@keyframes loader-spinning{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes loader-blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.DNA-section[data-id=Portfolio] .DNA-section__popup{position:fixed;z-index:999;top:0;right:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#000}.DNA-section[data-id=Portfolio] .DNA-section__popup[data-open="0"]{display:none !important}.DNA-section[data-id=Portfolio] .DNA-section__popup__bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;backdrop-filter:blur(15px)}.DNA-section[data-id=Portfolio] .DNA-section__popup__wrap{max-height:100%;max-width:100%;position:relative;display:flex;padding:3em}.DNA-section[data-id=Portfolio] .DNA-section__popup__container{position:relative;background-color:#fff;overflow:auto;max-height:100%;max-width:100%;border-radius:1em}.DNA-section[data-id=Portfolio] .DNA-section__popup__close{position:absolute;right:3em;top:3em;padding-top:3.5em;padding-right:3.5em;cursor:pointer;display:flex;align-items:center;justify-content:center}.DNA-section[data-id=Portfolio] .DNA-section__popup__close>*{font-size:2em}@media(max-width: 1024px){.DNA-section[data-id=Portfolio] .DNA-section__popup__close>*{font-size:1.8em}}.DNA-section[data-id=Portfolio] .DNA-section__popup__close i{transition:transform .5s}@media(min-width: 1025px){.DNA-section[data-id=Portfolio] .DNA-section__popup__close:hover i{transform:scale(1.1)}}.DNA-section[data-id=Portfolio] .DNA-section__popup__content{min-height:100%;padding:6em 8.5em;max-width:80em;position:relative;overflow:hidden}@media(max-width: 1024px){.DNA-section[data-id=Portfolio] .DNA-section__popup__wrap{padding:1em}.DNA-section[data-id=Portfolio] .DNA-section__popup__container{border-radius:.5em}.DNA-section[data-id=Portfolio] .DNA-section__popup__close{right:1em;top:1em;padding-top:1.5em;padding-right:1.5em}.DNA-section[data-id=Portfolio] .DNA-section__popup__content{padding:6em 5em 5em 5em}}@media(max-width: 767px){.DNA-section[data-id=Portfolio] .DNA-section__popup__content{padding:5em 2.5em 2.5em 2.5em}}.DNA-section[data-id=Portfolio] .DNA-section__title{font-weight:300;line-height:1.1;margin-bottom:2.5em}.DNA-section[data-id=Portfolio] .DNA-section__title>*{font-size:5em}@media(max-width: 1024px){.DNA-section[data-id=Portfolio] .DNA-section__title>*{font-size:3em}}@media(max-width: 767px){.DNA-section[data-id=Portfolio] .DNA-section__title>*{font-size:3em}}.DNA-section[data-id=Portfolio] .DNA-section__list{position:relative}.DNA-section[data-id=Portfolio] .DNA-section__item{margin-top:2.5em}.DNA-section[data-id=Portfolio] .DNA-section__item__letter{font-weight:600}.DNA-section[data-id=Portfolio] .DNA-section__item__letter>*{font-size:4em}.DNA-section[data-id=Portfolio] .DNA-section__item:first-child{margin-top:0}.DNA-section[data-id=Portfolio] .DNA-section__sublist{display:flex;flex-wrap:wrap;gap:1em}.DNA-section[data-id=Portfolio] .DNA-section__subitem{padding:1em 2em;background-color:#ececec;border-radius:.3em;transition:background-color .5s}.DNA-section[data-id=Portfolio] .DNA-section__subitem__top{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.DNA-section[data-id=Portfolio] .DNA-section__subitem__title{flex:1}.DNA-section[data-id=Portfolio] .DNA-section__subitem__title>*{font-size:1.7em}@media(max-width: 1024px){.DNA-section[data-id=Portfolio] .DNA-section__subitem__title>*{font-size:1.6em}}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text[data-cropped="1"]>*[data-name=content]:after{background:linear-gradient(to top, #000000, rgba(0, 0, 0, 0))}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text[data-cropped="1"]>*[data-name=trigger]{color:#f5f5f5}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]{font-weight:300}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]>*{font-size:1.7em}@media(max-width: 1024px){.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]>*{font-size:1.6em}}@media(max-width: 767px){.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]>*{font-size:1.6em}}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]>*{line-height:1.5;margin-top:1em;margin-bottom:1em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]>*:first-child{margin-top:0 !important}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]>*:last-child{margin-bottom:0 !important}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content]>*.DNA-table{margin-top:2.5em;margin-bottom:2.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content] a{color:inherit;text-decoration:underline}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content] a:hover{opacity:.7}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content] ol,.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content] ul{padding-left:1.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content] ol li,.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=content] ul li{display:list-item}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text>*[data-name=trigger]{display:none}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text[data-cropped="1"]>*[data-name=content]{height:25em;overflow:hidden;position:relative}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text[data-cropped="1"]>*[data-name=content]:after{bottom:0;content:"";display:block;height:10em;left:0;pointer-events:none;position:absolute;width:100%}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text[data-cropped="1"]>*[data-name=trigger]{margin-top:1em;cursor:pointer;display:block}.DNA-section[data-id=Portfolio] .DNA-section__subitem__text[data-cropped="1"]>*[data-name=trigger]>*{font-size:1.3em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__icon{margin-left:1.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__icon>*{font-size:1.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__bottom{padding-top:2.5em;padding-bottom:2.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__bottom>*:nth-child(2){margin-top:2.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__button{display:flex}.DNA-section[data-id=Portfolio] .DNA-section__subitem__button__wrap{display:flex;align-items:center}.DNA-section[data-id=Portfolio] .DNA-section__subitem__button__wrap>*{font-size:1.7em}@media(max-width: 1024px){.DNA-section[data-id=Portfolio] .DNA-section__subitem__button__wrap>*{font-size:1.6em}}.DNA-section[data-id=Portfolio] .DNA-section__subitem__button__wrap i{font-size:1em;margin-right:1em}.DNA-section[data-id=Portfolio] .DNA-section__subitem[data-open="0"] .DNA-section__subitem__icon{display:none}.DNA-section[data-id=Portfolio] .DNA-section__subitem[data-open="0"] .DNA-section__subitem__bottom{display:none}@media(min-width: 1025px){.DNA-section[data-id=Portfolio] .DNA-section__subitem[data-open="0"]:hover{background-color:rgba(0,0,0,.2)}}.DNA-section[data-id=Portfolio] .DNA-section__subitem[data-open="1"]{width:100%;padding-top:2em}.DNA-section[data-id=Portfolio] .DNA-section__subitem[data-open="1"] .DNA-section__subitem__title{font-weight:600}@media(max-width: 1024px){.DNA-section[data-id=Portfolio] .DNA-section__title{margin-bottom:2em}.DNA-section[data-id=Portfolio] .DNA-section__sublist{gap:.7em}.DNA-section[data-id=Portfolio] .DNA-section__subitem{padding:.7em 1.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__bottom{padding-top:1.5em;padding-bottom:1.5em}.DNA-section[data-id=Portfolio] .DNA-section__subitem__bottom>*:nth-child(2){margin-top:1.5em}}
