.portfolio-grid{background:#fff}@media only screen and (width>=576px){.portfolio-grid--all-items-display{padding-bottom:90px}}@media only screen and (width<=575px) and (width<=1023px){.portfolio-grid--all-items-display .container{padding-left:clamp(9.55px,2.99vw,14.33px);padding-right:clamp(9.55px,2.99vw,14.33px)}}@media only screen and (width<=575px) and (width>=768px){.portfolio-grid--all-items-display .container{padding-left:clamp(21.33px,2.78vw,53.33px);padding-right:clamp(21.33px,2.78vw,53.33px)}}.portfolio-grid--all-items-display .portfolio-grid__items .portfolio-item{transition:all .4s}@media only screen and (width>=992px){.portfolio-grid--all-items-display .portfolio-grid__items .portfolio-item:hover,.portfolio-grid--all-items-display .portfolio-grid__items .portfolio-item:active,.portfolio-grid--all-items-display .portfolio-grid__items .portfolio-item:focus{transform:scale(.98)}}@media only screen and (width<=575px){.portfolio-grid--all-items-display .portfolio-grid__items .portfolio-item__image{aspect-ratio:4/5}}.portfolio-grid .ticker{background:#000;padding:28px 0;overflow:hidden}.portfolio-grid .ticker .ticker-track{width:max-content;animation:30s linear infinite portfolio-grid-ticker;display:flex}@media only screen and (width>=992px){.portfolio-grid .ticker .ticker-track:hover,.portfolio-grid .ticker .ticker-track:active,.portfolio-grid .ticker .ticker-track:focus{animation-play-state:paused}}.portfolio-grid .ticker .ticker-group{flex-shrink:0;align-items:center;display:flex}@media only screen and (width<=1023px){.portfolio-grid .ticker .ticker-group{gap:clamp(25.47px,7.96vw,38.21px)}}@media only screen and (width>=768px){.portfolio-grid .ticker .ticker-group{gap:clamp(17.07px,2.22vw,42.67px)}}@media only screen and (width<=1023px){.portfolio-grid .ticker .ticker-group{padding-right:clamp(25.47px,7.96vw,38.21px)}}@media only screen and (width>=768px){.portfolio-grid .ticker .ticker-group{padding-right:clamp(17.07px,2.22vw,42.67px)}}.portfolio-grid .ticker .ticker-item{white-space:nowrap;color:#fff;letter-spacing:.1em;font-family:Funnel Display,sans-serif;font-weight:600}@media only screen and (width<=1023px){.portfolio-grid .ticker .ticker-item{font-size:clamp(11.14px,3.48vw,16.72px)}}@media only screen and (width>=768px){.portfolio-grid .ticker .ticker-item{font-size:clamp(10.67px,1.39vw,26.67px)}}.portfolio-grid .portfolio-grid-filter{background:#000;position:relative}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter{margin-top:clamp(28.66px,8.96vw,42.99px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter{margin-top:clamp(26.67px,3.47vw,66.67px)}}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter+.portfolio-grid__items{padding-top:clamp(12.74px,3.98vw,19.1px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter+.portfolio-grid__items{padding-top:clamp(8.53px,1.11vw,21.33px)}}.portfolio-grid .portfolio-grid-filter:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:1;background:linear-gradient(#431960 0%,#000 100%);transition:all .4s;position:absolute;inset:0}.portfolio-grid .portfolio-grid-filter.active:before,.portfolio-grid .portfolio-grid-filter:hover:before{opacity:1;visibility:visible}.portfolio-grid .portfolio-grid-filter.active .portfolio-grid-filter__trigger svg,.portfolio-grid .portfolio-grid-filter:hover .portfolio-grid-filter__trigger svg{transform:rotate(90deg)}.portfolio-grid .portfolio-grid-filter.active:before{opacity:0}.portfolio-grid .portfolio-grid-filter>*{z-index:2;position:relative}.portfolio-grid .portfolio-grid-filter__trigger{color:#fff;font-family:Funnel Display,sans-serif;font-weight:800}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__trigger{gap:clamp(14.33px,4.48vw,21.49px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__trigger{gap:clamp(9.6px,1.25vw,24px)}}.portfolio-grid .portfolio-grid-filter__trigger{align-items:center;line-height:1.65;display:flex}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__trigger{padding-top:clamp(4.78px,1.49vw,7.16px);padding-bottom:clamp(4.78px,1.49vw,7.16px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__trigger{padding-top:clamp(3.2px,.42vw,8px);padding-bottom:clamp(3.2px,.42vw,8px)}}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__trigger{padding-left:clamp(15.12px,4.73vw,22.69px);padding-right:clamp(15.12px,4.73vw,22.69px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__trigger{padding-left:clamp(10.13px,1.32vw,25.33px);padding-right:clamp(10.13px,1.32vw,25.33px)}}.portfolio-grid .portfolio-grid-filter__trigger svg{transition:all .4s}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__trigger svg{width:clamp(6.37px,1.99vw,9.55px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__trigger svg{width:clamp(4.27px,.56vw,10.67px)}}.portfolio-grid .portfolio-grid-filter__trigger svg{height:auto}.portfolio-grid .portfolio-grid-filter__content{display:none}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__content-inner{padding-top:clamp(23.88px,7.46vw,35.82px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__content-inner{padding-top:clamp(40px,5.21vw,100px)}}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__content-inner{padding-bottom:clamp(31.84px,9.95vw,47.76px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__content-inner{padding-bottom:clamp(54.4px,7.08vw,136px)}}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__content-inner{padding-left:clamp(15.12px,4.73vw,22.69px);padding-right:clamp(15.12px,4.73vw,22.69px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__content-inner{padding-left:clamp(46.4px,6.04vw,116px);padding-right:clamp(46.4px,6.04vw,116px)}}.portfolio-grid .portfolio-grid-filter__content-inner{grid-template-columns:repeat(2,1fr);display:grid}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__content-inner{row-gap:clamp(7.96px,2.49vw,11.94px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__content-inner{row-gap:clamp(5.33px,.69vw,13.33px)}}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__content-inner{-moz-column-gap:clamp(11.94px, 3.73vw, 17.91px);column-gap:clamp(11.94px,3.73vw,17.91px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__content-inner{-moz-column-gap:clamp(8px, 1.04vw, 20px);column-gap:clamp(8px,1.04vw,20px)}}@media only screen and (width<=575px){.portfolio-grid .portfolio-grid-filter__content-inner{grid-template-columns:repeat(1,1fr)}}.portfolio-grid .portfolio-grid-filter__item{border:1px solid #0000;background:#fff;border-image-source:linear-gradient(#583174 0%,#666 100%);border-image-slice:1;justify-content:space-between;align-items:center;transition:all .4s;display:flex}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__item{padding-top:clamp(7.96px,2.49vw,11.94px);padding-bottom:clamp(7.96px,2.49vw,11.94px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__item{padding-top:clamp(5.33px,.69vw,13.33px);padding-bottom:clamp(5.33px,.69vw,13.33px)}}@media only screen and (width<=1023px){.portfolio-grid .portfolio-grid-filter__item{padding-left:clamp(15.92px,4.98vw,23.88px);padding-right:clamp(15.92px,4.98vw,23.88px)}}@media only screen and (width>=768px){.portfolio-grid .portfolio-grid-filter__item{padding-left:clamp(10.67px,1.39vw,26.67px);padding-right:clamp(10.67px,1.39vw,26.67px)}}.portfolio-grid .portfolio-grid-filter__item{cursor:pointer;font-family:Funnel Display,sans-serif;font-weight:800;text-decoration:none}.portfolio-grid .portfolio-grid-filter__item span{background:linear-gradient(#583174 0%,#666 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;transition:all .4s}@media only screen and (width>=1024px){.portfolio-grid .portfolio-grid-filter__item:hover{border-color:#000;background:#000;border-image-source:none}.portfolio-grid .portfolio-grid-filter__item:hover span{-webkit-text-fill-color:#fff;color:#fff;background:0 0}}.portfolio-grid .portfolio-grid-filter__item.is-active{border-color:#000;background:#000;border-image-source:none}.portfolio-grid .portfolio-grid-filter__item.is-active span{-webkit-text-fill-color:#fff;color:#fff;background:0 0}.portfolio-grid__items{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media only screen and (width<=1023px){.portfolio-grid__items{row-gap:clamp(25.47px,7.96vw,38.21px)}}@media only screen and (width>=768px){.portfolio-grid__items{row-gap:clamp(26.67px,3.47vw,66.67px)}}@media only screen and (width<=1023px){.portfolio-grid__items{-moz-column-gap:clamp(11.14px, 3.48vw, 16.72px);column-gap:clamp(11.14px,3.48vw,16.72px)}}@media only screen and (width>=768px){.portfolio-grid__items{-moz-column-gap:clamp(7.47px, .97vw, 18.67px);column-gap:clamp(7.47px,.97vw,18.67px)}}.portfolio-grid__items{width:100%;margin-bottom:20px;padding:50px 0}@media only screen and (width<=575px){.portfolio-grid__items{grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:0;padding:36px 0 50px}}.portfolio-grid__items .portfolio-item{word-wrap:break-word;transition:all .4s;position:relative}.portfolio-grid__items .portfolio-item.is-filtered-out{display:none}.portfolio-grid__items .portfolio-item:after{content:"";pointer-events:none;-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();visibility:visible;opacity:1;transition:all .4s;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.work-page .portfolio-grid__items .portfolio-item:after{display:none}@media only screen and (width>=992px){.portfolio-grid__items .portfolio-item:hover:after,.portfolio-grid__items .portfolio-item:active:after,.portfolio-grid__items .portfolio-item:focus:after{opacity:0;visibility:hidden}.portfolio-grid__items .portfolio-item:hover .portfolio-item__title,.portfolio-grid__items .portfolio-item:active .portfolio-item__title,.portfolio-grid__items .portfolio-item:focus .portfolio-item__title{color:#a0c7d7}}@media only screen and (width<=575px){.portfolio-grid__items .portfolio-item:first-child .portfolio-item__image img{-o-object-position:bottom center;object-position:bottom center}}.portfolio-grid__items .portfolio-item__image{aspect-ratio:4/5;margin-bottom:10px;position:relative;overflow:hidden}@media only screen and (width<=575px){.portfolio-grid__items .portfolio-item__image{aspect-ratio:12/7}}.portfolio-grid__items .portfolio-item__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-grid__items .portfolio-item__title{display:block}@media only screen and (width<=1023px){.portfolio-grid__items .portfolio-item__title{font-size:clamp(15.92px,4.98vw,23.88px)}}@media only screen and (width>=768px){.portfolio-grid__items .portfolio-item__title{font-size:clamp(13.87px,1.81vw,34.67px)}}.portfolio-grid__items .portfolio-item__title{color:#000;padding-top:5px;font-family:Funnel Display,sans-serif;font-weight:800;line-height:1;transition:all .4s}.portfolio-grid__items .portfolio-item__subtitle{color:#474747;display:block}.portfolio-grid__button{width:100%;padding-bottom:50px}@media only screen and (width<=575px){.portfolio-grid__button{padding-bottom:64px}}.portfolio-grid__button a{width:100%}@keyframes portfolio-grid-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}
