@keyframes underline-animation-reverse-before{0%{width:100%}to{width:0}}@keyframes underline-animation-reverse-after{0%{width:0}to{width:100%}}@media (max-width:576px){.ba-page-intro--portfolio .ba-page-intro__title{max-width:280px}}.ba-page-intro--portfolio .ba-page-intro__media .ba-video-overlay{position:absolute;width:100%;height:100%;user-select:none;transform:rotate(7deg) scale(1.5);transition:transform 1s ease}.ba-page-intro--portfolio .ba-page-intro__media .ba-video-overlay:before{content:"";display:block;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}.ba-page-intro--portfolio .ba-page-intro__media img{transform:none}.ba-page-intro--portfolio.shown .ba-page-intro__media .ba-video-overlay{transform:rotate(0deg) scale(1)}.ba-portfolio{width:100%;padding-top:160px;margin-bottom:256px}@media (max-width:1918px){.ba-portfolio{padding-top:11.25rem;margin-bottom:164px}}@media (max-width:1080px){.ba-portfolio{padding-top:5rem;margin-bottom:11.25rem}}@media (max-width:576px){.ba-portfolio{padding-top:0;margin-bottom:4rem}}.ba-portfolio .ba-portfolio-nav{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4rem}@media (max-width:1918px){.ba-portfolio .ba-portfolio-nav{margin-bottom:2.5rem}}@media (max-width:576px){.ba-portfolio .ba-portfolio-nav{flex-wrap:wrap}}.ba-portfolio .ba-portfolio-loadmore{width:100%;display:flex;justify-content:center;align-items:center;color:#ff5741;text-transform:uppercase;font-size:1.25rem;line-height:1.75rem;font-weight:400;letter-spacing:-.01em;margin-top:160px}@media (max-width:1918px){.ba-portfolio .ba-portfolio-loadmore{margin-top:5rem;font-size:14px;line-height:1.125rem;font-weight:400;letter-spacing:-.01em}}@media (max-width:1080px){.ba-portfolio .ba-portfolio-loadmore{font-size:1.25rem;line-height:1.75rem;font-weight:400;letter-spacing:-.01em}}@media (min-width:577px){.ba-portfolio .ba-portfolio-loadmore{grid-column:1/13}}@media (max-width:576px){.ba-portfolio .ba-portfolio-loadmore{margin-top:3.25rem;font-size:14px;line-height:1.125rem;font-weight:400;letter-spacing:-.01em}}.ba-portfolio .ba-portfolio-loadmore.hidden{display:none}.ba-portfolio-archive{position:relative;padding:15rem 0 8rem;z-index:2}@media (max-width:1380px){.ba-portfolio-archive{padding:10rem 0 6rem}}@media (max-width:576px){.ba-portfolio-archive{padding:6rem 0 4rem}}.ba-portfolio-archive.shown .portfolio-archive__title{opacity:1;transform:translate(0);transition-delay:.6s}.ba-portfolio-archive.shown .portfolio-filter{opacity:1;transform:translate(0);transition-delay:.8s}.ba-portfolio-archive.shown .portfolio-style{opacity:1;transform:translate(0);transition-delay:1s}.main-portfolio{background:#fff}.portfolio-archive__header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;z-index:2}@media (max-width:1080px){.portfolio-archive__header{flex-direction:column;align-items:flex-start;gap:1rem}}.portfolio-archive__header h1{flex:7;opacity:0;transform:translateY(2rem);transition:transform 1s ease,opacity 1s ease}@media (max-width:1080px){.portfolio-archive__header h1{flex-direction:column}}.portfolio-archive__controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;flex:5.5}@media (max-width:1080px){.portfolio-archive__controls{width:100%;gap:1rem}}.portfolio-filter{position:relative;background:#f2f2f2;border-radius:1.75rem;width:100%;flex:1;opacity:0;transform:translateY(2rem);transition:opacity 1s ease,transform 1s ease}@media (max-width:576px){.portfolio-filter{position:absolute;width:55%;z-index:2;transition:all .4s ease;transition-delay:0s}}.portfolio-filter__header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:30.625rem;gap:.75rem;padding:.25rem .25rem .25rem 1.25rem;cursor:pointer;z-index:3}@media (max-width:1380px){.portfolio-filter__header{min-width:24rem}}@media (max-width:576px){.portfolio-filter__header{min-width:auto;width:100%;padding:.6rem .25rem .6rem .85rem}}.portfolio-filter__header:hover:not(.active) .portfolio-filter__button svg{transform:rotate(90deg)}.portfolio-filter__icon{width:1.25rem;height:1.25rem}.portfolio-filter__title{flex:1;font-size:1.125rem}@media (max-width:576px){.portfolio-filter__title{font-size:.875rem}}.portfolio-filter__button{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer}@media (max-width:576px){.portfolio-filter__button{display:none}}.portfolio-filter__button svg{width:1.75rem;height:auto;transition:transform .4s ease}.portfolio-filter__content{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;background:#f2f2f2;z-index:2;border-radius:0 0 1.75rem 1.75rem;transform:translateY(calc(100% - 1.75rem));height:0}@media (max-width:576px){.portfolio-filter__content{transform:translateY(calc(100% - 1.5rem))}}.portfolio-filter .filter-row:first-child{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem;row-gap:3.5rem;padding:3.5rem 3.5rem 0}@media (max-width:1380px){.portfolio-filter .filter-row:first-child{padding:3.5rem 2rem 0;column-gap:1rem}}@media (max-width:1080px){.portfolio-filter .filter-row:first-child{padding:3.5rem 1.5rem 0}}@media (max-width:576px){.portfolio-filter .filter-row:first-child{padding:2.5rem 1.25rem 0}}.portfolio-filter .filter-row:nth-child(2){padding:2rem 3.5rem 1rem}@media (max-width:1380px){.portfolio-filter .filter-row:nth-child(2){padding:2rem 2rem 1rem}}@media (max-width:1080px){.portfolio-filter .filter-row:nth-child(2){padding:1rem 1.5rem}}@media (max-width:576px){.portfolio-filter .filter-row:nth-child(2){padding:1rem 1.25rem}}.portfolio-filter .filter-box{flex:1}.portfolio-filter .filter-box:first-child{grid-area:1/1/2/2}.portfolio-filter .filter-box:nth-child(2){grid-area:1/2/3/3}.portfolio-filter .filter-box:nth-child(3){grid-area:2/1/3/2}.portfolio-filter .filter-box__title{font-size:.75rem;color:#8d9090;text-transform:uppercase;letter-spacing:-.01rem;font-weight:400;margin:0 0 1.25rem}.portfolio-filter .filter-box__list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}@media (max-width:576px){.portfolio-filter .filter-box__list{gap:.75rem}}.portfolio-filter .filter-box .filter-item{font-size:1rem;letter-spacing:-.01rem}.portfolio-filter .filter-box .filter-item input{position:absolute}.portfolio-filter .filter-box .filter-item .filter-item__label,.portfolio-filter .filter-box .filter-item label{position:relative;cursor:pointer;min-width:fit-content;display:inline-block;color:inherit;text-decoration:none}@media (max-width:576px){.portfolio-filter .filter-box .filter-item .filter-item__label,.portfolio-filter .filter-box .filter-item label{font-size:.875rem}}.portfolio-filter .filter-box .filter-item .filter-item__label:before,.portfolio-filter .filter-box .filter-item label:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;transform:translateY(.2rem);width:0;transition:width .4s ease}.portfolio-filter .filter-box .filter-item .filter-item__label.is-selected:before,.portfolio-filter .filter-box .filter-item input:checked+label:before{width:100%}.portfolio-filter__clear{background:none;border:none;padding:0;color:#8d9090;font-size:.875rem;letter-spacing:-.01rem;font-family:Graphik LCG;cursor:pointer;margin:.75rem 0 0;transition:color .3s ease-out}.portfolio-filter__clear:hover{color:#111}.portfolio-filter.active .portfolio-filter__content{opacity:1}@media (max-width:576px){.portfolio-filter.active{width:100%;transition-delay:0s!important}}.portfolio-filter.active .portfolio-filter__button svg{transform:rotate(135deg)!important}.portfolio-style{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#f2f2f2;padding:.25rem;border-radius:3rem;opacity:0;transform:translateY(2rem);transition:opacity 1s ease,transform 1s ease}@media (max-width:576px){.portfolio-style{margin:0 0 0 auto}}.portfolio-style:before{content:"";position:absolute;top:.25rem;left:.25rem;width:50%;height:calc(100% - .5rem);background:#fff;border-radius:3rem;z-index:1;transition:all .4s ease}.portfolio-style.list:before{width:45%;transform:translate(calc(100% + .35rem))}@media (max-width:576px){.portfolio-style.list:before{transform:translate(calc(100% + .15rem))}}.portfolio-style span{position:relative;padding:.8rem 1rem;font-size:1.125rem;letter-spacing:-.01rem;z-index:2;cursor:pointer}@media (max-width:576px){.portfolio-style span{font-size:.875rem;padding:.5rem .75rem}}.portfolio-list{position:relative;z-index:1}.portfolio-list.grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2.5rem;row-gap:3.25rem;margin:3.75rem 0 0}@media (max-width:1380px){.portfolio-list.grid{column-gap:1.5rem;row-gap:2.5rem}}@media (max-width:1080px){.portfolio-list.grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:576px){.portfolio-list.grid{margin:2rem 0 0}}.portfolio-list.grid .list-header{display:none}.portfolio-list.grid .portfolio-item{position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start}.portfolio-list.grid .portfolio-item__count,.portfolio-list.grid .portfolio-item__year{display:none}.portfolio-list.grid .portfolio-item__image{width:100%;height:auto;position:relative;overflow:hidden;margin:0 0 1rem;aspect-ratio:16/10}.portfolio-list.grid .portfolio-item__image .inner{position:relative;width:100%;height:120%}.portfolio-list.grid .portfolio-item__image img,.portfolio-list.grid .portfolio-item__image video{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.portfolio-list.grid .portfolio-item:hover .portfolio-item__image img,.portfolio-list.grid .portfolio-item:hover .portfolio-item__image video{transform:scale(1.1)}.portfolio-list.grid .portfolio-item h2{font-size:1.25rem;font-weight:400;font-family:Graphik LCG!important;letter-spacing:-.01rem;line-height:1.3!important}@media (max-width:576px){.portfolio-list.grid .portfolio-item h2{font-size:1rem}}.portfolio-list.grid .portfolio-item__type{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:.25rem 0 0}@media (max-width:576px){.portfolio-list.grid .portfolio-item__type{font-size:1rem}}.portfolio-list.grid .portfolio-item__type span{position:relative;color:#8d9090;font-weight:400}.portfolio-list.grid .portfolio-item__type span:before{content:"/";margin:0 .3rem}.portfolio-list.grid .portfolio-item__type span:first-child:before{display:none}.portfolio-list.list{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin:3.75rem 0 0}@media (max-width:576px){.portfolio-list.list{margin:2rem 0 0}}.portfolio-list.list .portfolio-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #8c9090;padding:1.5rem 0;z-index:1;gap:1rem}.portfolio-list.list .portfolio-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f2f2f2;z-index:-2;clip-path:polygon(0 20%,100% 20%,100% 100%,0 100%);opacity:0;transition:clip-path .5s ease,opacity .2s ease}.portfolio-list.list .portfolio-item__count{flex:5;font-size:1.25rem;transition:transform .4s ease}@media (max-width:576px){.portfolio-list.list .portfolio-item__count{display:none}}.portfolio-list.list .portfolio-item__image{position:absolute;top:50%;left:0;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:6;transform:translateY(-50%)}@media (max-width:1080px){.portfolio-list.list .portfolio-item__image{display:none}}.portfolio-list.list .portfolio-item__image img,.portfolio-list.list .portfolio-item__image video{width:30.938rem;height:20rem;transform:scale(.95);clip-path:polygon(7% 7%,93% 7%,93% 93%,7% 93%);transition:transform .4s ease,clip-path .8s ease;object-fit:cover}@media (max-width:1380px){.portfolio-list.list .portfolio-item__image img,.portfolio-list.list .portfolio-item__image video{width:17.5rem;height:11.25rem}}.portfolio-list.list .portfolio-item__image.active{opacity:1}.portfolio-list.list .portfolio-item__image.active img,.portfolio-list.list .portfolio-item__image.active video{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1)}.portfolio-list.list .portfolio-item h2{flex:3;font-size:1.25rem;font-weight:400;font-family:Graphik LCG!important}.portfolio-list.list .portfolio-item h2 span{display:none}@media (max-width:576px){.portfolio-list.list .portfolio-item h2{font-size:1rem}}.portfolio-list.list .portfolio-item__type{flex:3;font-size:1.25rem;color:#8d9090;letter-spacing:-.01rem}@media (max-width:1080px){.portfolio-list.list .portfolio-item__type{text-align:right}}@media (max-width:576px){.portfolio-list.list .portfolio-item__type{font-size:1rem}}.portfolio-list.list .portfolio-item__type span{position:relative;color:#8d9090;font-weight:400}.portfolio-list.list .portfolio-item__type span:before{content:"/";margin:0 .3rem 0 0}.portfolio-list.list .portfolio-item__type span:first-child:before{display:none}.portfolio-list.list .portfolio-item__year{flex:1;font-size:1.25rem;text-align:right;transition:transform .4s ease}@media (max-width:1080px){.portfolio-list.list .portfolio-item__year{display:none}}@media (min-width:1081px){.portfolio-list.list .portfolio-item:hover{z-index:4}.portfolio-list.list .portfolio-item:hover:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;z-index:-4}.portfolio-list.list .portfolio-item:hover .portfolio-item__year{transform:translate(-1.25rem)}.portfolio-list.list .portfolio-item:hover .portfolio-item__count{transform:translate(1.25rem)}}.portfolio-list.list .list-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #8c9090;padding:1rem 0;font-size:.875rem;text-transform:uppercase;color:#8d9090;gap:1rem}.portfolio-list.list .list-header__count{flex:5}@media (max-width:576px){.portfolio-list.list .list-header__count{display:none}}.portfolio-list.list .list-header__project,.portfolio-list.list .list-header__type{flex:3}@media (max-width:1080px){.portfolio-list.list .list-header__type{text-align:right}}.portfolio-list.list .list-header__year{flex:1;text-align:right}@media (max-width:1080px){.portfolio-list.list .list-header__year{display:none}}.ba-portfolio-loadmore{width:fit-content;color:#ff5741;text-transform:uppercase;font-size:1.25rem;margin:7.5rem auto 0}@media (max-width:576px){.ba-portfolio-loadmore{margin:4rem auto 2rem}}[data-color-mode=light]{background:#fff}.portfolio-archive__all{white-space:nowrap}.portfolio-archive__empty{padding:2.5rem 0}