.portfolio__masonry{display:block}@supports not (grid-template-rows: masonry){.portfolio__masonry html:not(.no-js){opacity:0}}.portfolio-grid{display:flex;flex-flow:row wrap;justify-content:center;position:relative;transition:opacity .3s ease-in}.portfolio-grid__cell{position:relative}.portfolio-grid__swiper.swiper-initialized{width:80%;margin:auto}.portfolio-grid.masonry-init{opacity:1}@supports (grid-template-rows: masonry){.portfolio-grid{display:grid;grid-template-rows:masonry;grid-template-columns:repeat(auto-fit,100%)}@media print,screen and (min-width:40em){.portfolio-grid{grid-template-columns:repeat(auto-fit,50%)}}@media print,screen and (min-width:64em){.portfolio-grid{grid-template-columns:repeat(auto-fit,33.3333333333%)}}.portfolio-grid .portfolio-item{width:100%!important}}.portfolio-grid.swiper-wrapper{display:flex!important;flex-flow:row nowrap!important;justify-content:normal!important}.portfolio-item{align-self:flex-start;display:inline-block;vertical-align:top;padding:.2rem;aspect-ratio:1/1;width:100%;box-sizing:border-box}.portfolio-item-title{font-size:2.5em}.portfolio-item-inner{display:flex;align-items:flex-end;position:relative;width:100%;height:100%;overflow:hidden}@supports not (aspect-ratio: 1/1){.portfolio-item-inner:before{content:" ";float:left;padding-top:100%}}.portfolio-item-inner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:101%;min-height:101%;width:auto;height:auto;object-fit:cover}.portfolio-item-hover{--anchor-color: var(--color-white);--anchor-color-hover: var(--color-primary);--header-color: var(--color-white);--text-color: var(--color-white);color:var(--text-color);display:flex;align-items:flex-end;position:relative;background-color:#191919bf;opacity:0;transition:opacity .3s ease-in-out;z-index:2;width:100%;height:100%;padding:2rem 2.25rem}@media all and (hover:hover)and (pointer:fine){.portfolio-item-inner:hover .portfolio-item-hover{opacity:1}}@media not all and (pointer:fine)and (hover:hover){.portfolio-item-inner:after{content:" ";background:linear-gradient(0deg,#191919,#19191900);height:100%;width:100%;position:absolute;right:0;bottom:0}.portfolio-item-hover{background:transparent;height:auto;opacity:1}.portfolio-item-body{display:none}}.portfolio-item-content{width:100%}.portfolio-item-body{margin-bottom:1rem}@media print,screen and (min-width:40em){.portfolio-item.aspect-1-1{aspect-ratio:1/1;grid-column:span 1}@supports not (aspect-ratio: 1/1){.portfolio-item.aspect-1-1>.portfolio-item-inner:before{content:" ";float:left;padding-top:100%}}.portfolio-item.aspect-1-2{aspect-ratio:1/2;grid-column:span 1}@supports not (aspect-ratio: 1/2){.portfolio-item.aspect-1-2>.portfolio-item-inner:before{content:" ";float:left;padding-top:200%}}.portfolio-item.aspect-2-1{aspect-ratio:2/1;grid-column:span 2}@supports not (aspect-ratio: 2/1){.portfolio-item.aspect-2-1>.portfolio-item-inner:before{content:" ";float:left;padding-top:50%}}.portfolio-item.aspect-2-2{aspect-ratio:2/2;grid-column:span 2}@supports not (aspect-ratio: 2/2){.portfolio-item.aspect-2-2>.portfolio-item-inner:before{content:" ";float:left;padding-top:100%}}}@supports not (grid-template-rows: masonry){.portfolio-item.aspect-1-1,.portfolio-item.aspect-1-2{width:100%}.portfolio-item.aspect-2-1,.portfolio-item.aspect-2-2{width:200%}@media print,screen and (min-width:40em){.portfolio-item.aspect-1-1,.portfolio-item.aspect-1-2{width:50%}.portfolio-item.aspect-2-1,.portfolio-item.aspect-2-2{width:100%}}@media print,screen and (min-width:64em){.portfolio-item.aspect-1-1,.portfolio-item.aspect-1-2{width:33.3333333333%}.portfolio-item.aspect-2-1,.portfolio-item.aspect-2-2{width:66.6666666667%}}}.portfolio-logo{text-align:center;padding:.5rem}.portfolio-logo img{display:block;margin:auto;max-width:85%;width:auto;max-height:60px;filter:brightness(0) invert(1)}.portfolio-logo-overview{padding:5rem 0 1rem}.portfolio-slider-prev,.portfolio-slider-next{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-primary);font-size:40px;z-index:3}@media all and (hover:hover)and (pointer:fine){.portfolio-slider-prev:hover,.portfolio-slider-next:hover{color:var(--color-secondary)}}.portfolio-slider-prev{left:0}.portfolio-slider-next{right:0}@media print,screen and (min-width:40em){.portfolio-item{width:50%}}@media print,screen and (min-width:64em){.portfolio-item{width:33.3333333333%}}@media screen and (max-width:25em),screen and (min-width:40em)and (max-width:47.5em),screen and (min-width:64em)and (max-width:75em){.portfolio-item{font-size:12px}}