.tpl__frontpage__portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#18233d;color:#fff;width:100%;aspect-ratio:9/16;padding:80px 46px 54px;position:relative;overflow:hidden}@media all and (min-width: 640px){.tpl__frontpage__portfolio{aspect-ratio:4/5}}@media all and (min-width: 768px){.tpl__frontpage__portfolio{aspect-ratio:1/1}}@media all and (min-width: 1024px){.tpl__frontpage__portfolio{aspect-ratio:3/2;padding:80px 120px}}@media all and (min-width: 1360px){.tpl__frontpage__portfolio{aspect-ratio:16/9;padding:112px 300px 180px;min-height:80vh}}@media all and (min-width: 2580px){.tpl__frontpage__portfolio{padding:5.8333333333vw 15.625vw 9.375vw}}.tpl__frontpage__portfolio__media{position:absolute;pointer-events:none;overflow:visible;width:30%}@media all and (min-width: 1024px){.tpl__frontpage__portfolio__media{width:21%}}.tpl__frontpage__portfolio__media:nth-child(1){left:5%;top:5%;opacity:.8;filter:blur(0)}.tpl__frontpage__portfolio__media:nth-child(1)>.tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio__media:nth-child(1)>.tpl__frontpage__portfolio__media__image{animation-delay:0s}.tpl__frontpage__portfolio__media:nth-child(2){left:50%;top:20%;opacity:.4;scale:.8;translate:-50% 0;filter:blur(2.5px)}.tpl__frontpage__portfolio__media:nth-child(2)>.tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio__media:nth-child(2)>.tpl__frontpage__portfolio__media__image{animation-delay:-3s}@media all and (min-width: 1024px){.tpl__frontpage__portfolio__media:nth-child(2){top:12%;translate:-30% 0;opacity:.2;scale:.4}}.tpl__frontpage__portfolio__media:nth-child(3){right:0;top:5%;opacity:.3;scale:.5;filter:blur(4px)}.tpl__frontpage__portfolio__media:nth-child(3)>.tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio__media:nth-child(3)>.tpl__frontpage__portfolio__media__image{animation-delay:-5s}@media all and (min-width: 1024px){.tpl__frontpage__portfolio__media:nth-child(3){right:5%;opacity:.5}}.tpl__frontpage__portfolio__media:nth-child(4){left:80%;top:50%;opacity:.7;scale:.6;filter:blur(1px)}.tpl__frontpage__portfolio__media:nth-child(4)>.tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio__media:nth-child(4)>.tpl__frontpage__portfolio__media__image{animation-delay:-8s}@media all and (min-width: 1024px){.tpl__frontpage__portfolio__media:nth-child(4){left:70%;top:40%;opacity:.6;scale:.7}}.tpl__frontpage__portfolio__media:nth-child(5){left:50%;bottom:10%;opacity:.9;scale:1}.tpl__frontpage__portfolio__media:nth-child(5)>.tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio__media:nth-child(5)>.tpl__frontpage__portfolio__media__image{animation-delay:-13s}.tpl__frontpage__portfolio__media:nth-child(6){left:5%;bottom:20%;opacity:.5;scale:.6;filter:blur(2px)}.tpl__frontpage__portfolio__media:nth-child(6)>.tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio__media:nth-child(6)>.tpl__frontpage__portfolio__media__image{animation-delay:-21s}@media all and (min-width: 1024px){.tpl__frontpage__portfolio__media:nth-child(6){left:10%}}.tpl__frontpage__portfolio__media .tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio__media .tpl__frontpage__portfolio__media__image{display:block;width:100%;height:auto;animation:portfolio 32s infinite forwards paused;border-radius:10px;transform-origin:center}.tpl__frontpage__portfolio[data-inview="1"] .tpl__frontpage__portfolio__media__video,.tpl__frontpage__portfolio[data-inview="1"] .tpl__frontpage__portfolio__media__image{animation-play-state:running}@keyframes portfolio{20%{translate:10% 10%;scale:1.1}40%{translate:10% 20%;scale:.9}60%{translate:-5% 25%;scale:1.2}80%{translate:-15% 15%;scale:1.2}}.tpl__frontpage__portfolio__map{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-image:url("/_assets/ebbb8fe911cab0df4cf6fad7c33279c6/ContentBlocks/mask/tpl--frontpage--portfolio/TplFrontPagePortfolio-06.png");background-size:contain;background-position:center center;background-repeat:no-repeat;pointer-events:none}@media all and (min-width: 361px){.tpl__frontpage__portfolio__map{background-image:url("/_assets/ebbb8fe911cab0df4cf6fad7c33279c6/ContentBlocks/mask/tpl--frontpage--portfolio/TplFrontPagePortfolio-05.png")}}@media all and (min-width: 480px){.tpl__frontpage__portfolio__map{background-image:url("/_assets/ebbb8fe911cab0df4cf6fad7c33279c6/ContentBlocks/mask/tpl--frontpage--portfolio/TplFrontPagePortfolio-04.png")}}@media all and (min-width: 768px){.tpl__frontpage__portfolio__map{background-image:url("/_assets/ebbb8fe911cab0df4cf6fad7c33279c6/ContentBlocks/mask/tpl--frontpage--portfolio/TplFrontPagePortfolio-03.png")}}@media all and (min-width: 1024px){.tpl__frontpage__portfolio__map{background-image:url("/_assets/ebbb8fe911cab0df4cf6fad7c33279c6/ContentBlocks/mask/tpl--frontpage--portfolio/TplFrontPagePortfolio-02.png")}}@media all and (min-width: 1360px){.tpl__frontpage__portfolio__map{background-image:url("/_assets/ebbb8fe911cab0df4cf6fad7c33279c6/ContentBlocks/mask/tpl--frontpage--portfolio/TplFrontPagePortfolio-01.png")}}.tpl__frontpage__portfolio__headline{position:relative;z-index:1;text-align:center;margin-bottom:50px;filter:drop-shadow(20px 20px 10px #18233D)}@media all and (min-width: 1360px){.tpl__frontpage__portfolio__headline{font-size:60px;max-width:36rem;margin-left:auto;margin-right:auto}}@media all and (min-width: 1680px){.tpl__frontpage__portfolio__headline{font-size:80px;max-width:45rem}}@media all and (min-width: 2580px){.tpl__frontpage__portfolio__headline{font-size:4.1666666667vw;max-width:45rem}}.tpl__frontpage__portfolio__link{position:relative;z-index:1}