.section-portfolio-list .wrapper .portfolio-list__heading{display:flex;align-items:center;justify-content:space-between;padding-block:24px;gap:16px}.section-portfolio-list .wrapper .portfolio-list__heading h2{font-family:"ABCDiatype";font-size:16px;text-transform:uppercase;flex:1}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow:auto}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__label{text-transform:uppercase;font-family:"ABCDiatype";font-size:14px;white-space:nowrap}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__filters{display:flex;gap:8px}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__filters .blog-filter__tag{text-decoration:none;padding:4px 8px;border:1px solid #000;white-space:nowrap}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__filters .blog-filter__tag.active{border-color:#374197;background-color:#374197;color:#fff}.section-portfolio-list .wrapper .portfolio-list__heading .portfolio-list__controls{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.section-portfolio-list .wrapper .portfolio-list__heading .portfolio-list__controls input{display:none}.section-portfolio-list .wrapper .portfolio-list__heading .portfolio-list__controls input:checked+label svg{opacity:1}.section-portfolio-list .wrapper .portfolio-list__heading .portfolio-list__controls label{text-transform:uppercase;font-family:"ABCDiatype";color:#1a1b1f;font-size:12px;border:none;display:flex;align-items:center;gap:8px;cursor:pointer}.section-portfolio-list .wrapper .portfolio-list__heading .portfolio-list__controls label svg{opacity:.3}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list]{margin-top:50px;position:relative;z-index:1}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:0;position:relative;color:#31160d}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view:not(.projectCard--expanded)::after{content:"";width:100vw;position:absolute;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:1px;bottom:0;background-color:#baaa9b}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view:not(.projectCard--expanded):hover .projectCard__title{color:#374197;left:20px;transition:all .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top{grid-row:1;padding:16px 8px;position:relative}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header{display:grid;grid-template-columns:40px 1fr;position:relative;align-items:center;cursor:pointer}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__index{grid-column:1}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__title{grid-column:2;font-size:40px;margin:0;left:0;position:relative;transition:all .5s ease-in-out;font-family:"Heldane"}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__meta-tags{grid-column:2;grid-row:2;align-items:center;display:flex;gap:10px;margin-top:6px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__meta{display:none;grid-column:3;margin:0;opacity:0}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__media{display:none;grid-template-columns:1fr 40px auto;place-items:center;align-items:center;padding:32px;position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:1;transition:all .5s ease-in-out .2s;opacity:0}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__media figure{margin:0;width:275px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__media .arrow-cover{height:40px;width:40px;z-index:1;background-color:#fffbed}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__media .arrow{position:relative;left:-30px;transition:left .5s ease-in-out .2s;cursor:pointer}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__media .projectCard__mediaImg{width:100%;height:100%;object-fit:contain}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__band{max-height:0;overflow:hidden;grid-column:1/4;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__band .band__track{display:flex;align-items:center;width:max-content}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__band .band__track .item{padding:0}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__band .band__track .item img{height:200px;width:auto;flex:0 0 auto;display:block}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view.projectCard--expanded .projectCard__meta{opacity:1;transition:opacity .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view.projectCard--expanded .projectCard__media{opacity:1;transition:opacity .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view.projectCard--expanded .projectCard__media .arrow{left:0 !important;transition:left .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view.projectCard--expanded .projectCard__band{max-height:400px;transition:max-height .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--grid-view{display:none}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid]{display:grid;grid-template-columns:1fr 1fr}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid]:not(.portfolio-list__items-exited){position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid].portfolio-list__items-exited{grid-template-columns:1fr}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid].portfolio-list__items-exited .projectCard .card-article .card__image .image-container{aspect-ratio:3/2}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view{display:block;position:relative}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .exited-tag{position:absolute;top:0;left:0}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view:hover .card__image img{transform:scale(1.05);transition:transform .5s ease-in-out}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view:hover .card__content .card__information .card__heading h3{color:#374197;transition:color .5s ease-in-out}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view:hover .card__content .card__information .arrow{left:0;transition:left .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__image{overflow:hidden}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__image img{aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease-in-out}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content{padding-inline:24px;cursor:pointer}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content .card__information{display:flex;align-items:center;margin-block:1rem}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content .card__information .card__heading h3{transition:color .5s ease-in-out;margin:0}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content .card__information .arrow-cover{width:40px;height:40px;position:relative;z-index:1;background-color:#fefbec}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content .card__information .arrow{position:relative;left:-30px;transition:left .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content .projectCard__content{max-width:0px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content.no-accordion .card__heading h3{margin-bottom:0}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content.no-accordion .projectCard__meta{text-transform:uppercase}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view.projectCard--expanded .card__content .projectCard__content{max-width:100%}@media screen and (min-width: 769px)and (max-width: 1300px){.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content{padding-inline:12px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content .card__heading h3{font-size:20px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--grid-view .card__content .projectCard__tags{font-size:15px}}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard--list-view{display:none}.section-portfolio-list .wrapper .portfolio-list__items-exited[data-view=grid] .projectCard--grid-view{display:block}.section-portfolio-list .wrapper .portfolio-list__items-exited[data-view=grid] .projectCard--grid-view .card__image img{aspect-ratio:4/3}.section-portfolio-list .wrapper .projectCard__content{max-height:0;overflow:hidden}.section-portfolio-list .wrapper .projectCard__content .projectCard__link{background:none !important;border:none !important;padding:0 !important;transition:color .5s ease-in-out;color:#31160d !important}.section-portfolio-list .wrapper .projectCard__content .projectCard__link svg{width:16px}.section-portfolio-list .wrapper .projectCard__content .projectCard__link svg path{fill:#31160d;transition:fill .5s ease-in-out}.section-portfolio-list .wrapper .projectCard__content .projectCard__link:hover{color:#374197 !important;transition:color .5s ease-in-out}.section-portfolio-list .wrapper .projectCard__content .projectCard__link:hover svg path{fill:#374197;transition:fill .5s ease-in-out}.section-portfolio-list .wrapper .projectCard__content .projectCard__data{display:grid;grid-template-columns:1fr 1fr !important;gap:24px 48px;margin-top:32px}.section-portfolio-list .wrapper .projectCard__content .projectCard__data .projectCard__dataItem dt{text-transform:uppercase;font-size:12px;opacity:.7}.section-portfolio-list .wrapper .projectCard__content .projectCard__data .projectCard__dataItem dd{margin:8px 0 0}.section-portfolio-list .wrapper .projectCard--expanded .projectCard__content{max-height:1000px;transition:max-height .5s ease-in-out .2s}@media screen and (max-width: 769px){.section-portfolio-list .wrapper .portfolio-list__heading{flex-wrap:wrap}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__wrapper{order:3;max-width:100%}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__label{position:absolute}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__filters{margin-top:25px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard:has(.projectCard--grid-view.projectCard--expanded){grid-column:span 2}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard .card__content{padding-inline:12px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard .card__content h3{font-size:20px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard .card__content .projectCard__tags{font-size:14px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard .card__content .arrow-cover,.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid] .projectCard .card__content .arrow{display:none}}@media screen and (min-width: 1024px){.section-portfolio-list .wrapper .portfolio-list__heading{padding-block:45px;gap:40px}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:40px}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__label{font-size:16px}.section-portfolio-list .wrapper .portfolio-list__heading .blog-filter__filters{justify-content:flex-start;gap:16px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list]{margin-top:100px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view:not(.projectCard--expanded):hover .projectCard__media{opacity:1 !important;transition:all .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view:not(.projectCard--expanded):hover .projectCard__media .arrow{left:0;transition:left .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view:not(.projectCard--expanded):hover .projectCard__title{left:20px;transition:all .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view:not(.projectCard--expanded):hover .projectCard__meta{opacity:1;transition:opacity .5s ease-in-out .2s}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top{padding:48px 40px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header{column-gap:40px;grid-template-columns:40px auto 1fr 1fr;align-items:center}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__title{font-size:96px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__meta{display:block}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__meta-tags{display:flex;gap:20px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__meta-tags{grid-column:3;grid-row:1}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__content{margin-left:80px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__content .projectCard__meta{display:none}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__band{grid-column:1;grid-row:3}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__band .band__track .item img{height:400px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__data{grid-template-columns:1fr}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view.projectCard--expanded .projectCard__meta{opacity:1 !important}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view.projectCard--expanded .projectCard__media{opacity:1 !important}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view.projectCard--expanded .projectCard__content{width:50%}.section-portfolio-list .wrapper .portfolio-list__items[data-view=grid]{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width: 1400px){.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__title{font-size:96px;max-width:600px}.section-portfolio-list .wrapper .portfolio-list__items[data-view=list] .projectCard--list-view .projectCard__top .projectCard__header .projectCard__media{display:grid;opacity:0}}.section-portfolio-list .portfolioModal{position:fixed;inset:0;z-index:9999;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 260ms ease,visibility 0s linear 260ms}.section-portfolio-list .portfolioModal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 260ms ease}.section-portfolio-list .portfolioModal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.25)}.section-portfolio-list .portfolioModal__shell{width:100%;max-width:820px;max-height:calc(100vh - 60px);height:fit-content;overflow:auto;background:#f0e9d9}.section-portfolio-list .portfolioModal__dialog{position:relative;z-index:2;width:100%;height:100%;padding:60px;display:flex;justify-content:center;align-items:flex-start;opacity:0;transform:translateY(32px);transition:opacity 260ms ease,transform 260ms ease}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolioModal__close{padding:12px 24px;position:sticky;top:0;z-index:2}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items{margin-top:0 !important}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard--list-view{overflow-x:hidden}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard--list-view .projectCard__top{padding:10px 60px}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard--list-view .projectCard__content{margin-left:0 !important;width:85% !important}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard--list-view .projectCard__header{display:inline-flex !important;gap:8px;flex-wrap:wrap}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard--list-view .projectCard__header .projectCard__media,.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard--list-view .projectCard__header .projectCard__index{display:none !important}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard__band .band__track{padding:0}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard__band .band__track .item img{aspect-ratio:2.5/3;object-fit:cover}@media(max-width: 769px){.section-portfolio-list .portfolioModal__dialog{padding:0;align-items:flex-end}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items{margin-top:0 !important}.section-portfolio-list .portfolioModal__dialog .wrapper .portfolio-list__items .projectCard--list-view .projectCard__top{padding:20px 24px 8px}}.section-portfolio-list .portfolioModal.is-open .portfolioModal__dialog{opacity:1;transform:translateY(0)}html.portfolioModal--locked,body.portfolioModal--locked{overflow:hidden}.exited-tag{background:#374197;z-index:1;color:#fff;padding:4px 10px;font-size:16px;text-transform:uppercase}@media(min-width: 1200px){.exited-tag{font-size:20px}}