.portfolio-banner{position:relative;overflow:hidden}.portfolio-banner-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.portfolio-banner-visual{justify-content:center;align-items:center;min-height:20rem;display:flex;position:relative}.portfolio-banner-line{z-index:1;background:linear-gradient(90deg,#c8c8c800 0%,#c8c8c8bf 25%,#be8c2199 80%,#c8c8c800 100%);width:95%;max-width:29rem;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-banner-svg-wrap{z-index:2;justify-content:center;align-items:center;width:23.313rem;display:flex;position:relative}.portfolio-banner-svg{filter:drop-shadow(0 14px 28px #be8c2129);width:100%;height:auto;overflow:visible}.banner-chevron{transform-box:fill-box;transform-origin:0;will-change:transform,opacity,filter}.chevron-lead-loop{animation:4.8s ease-in-out .32s infinite leadPulseInfinite}@keyframes leadPulseInfinite{0%,25%{filter:drop-shadow(0 0 #be8c2100)}45%,72%{filter:drop-shadow(5px 0 16px #be8c2199)}85%,to{filter:drop-shadow(0 0 #be8c2100)}}.portfolio-banner-content{padding-left:2rem}.portfolio-banner-description{max-width:42rem;margin-top:3rem}@media only screen and (max-width:991px){.portfolio-banner-wrapper{grid-template-columns:1fr;gap:3rem}.portfolio-banner-content{padding-left:0}.portfolio-banner-visual{min-height:18rem}.portfolio-banner-svg-wrap{width:20rem}}@media only screen and (max-width:575px){.portfolio-banner-wrapper{gap:2rem}.portfolio-banner-visual{min-height:12rem}.portfolio-banner-svg-wrap{width:15rem}.portfolio-banner-description{margin-top:2rem}}
.portfolio-filter{position:relative}.portfolio-filter-header{justify-content:space-between;align-items:center;gap:3rem;margin-bottom:5rem;display:flex}.portfolio-filter-title h2{align-items:flex-start;gap:.35rem;display:flex}.portfolio-filter-title sup{color:var(--secondary-color);font-family:var(--medium-font-family);font-size:1.25rem;line-height:1}.portfolio-filters{background:#f6f6f6;align-items:stretch;display:flex}.portfolio-filter-dropdown{min-width:10rem;position:relative}.portfolio-filter-dropdown+.portfolio-filter-dropdown:before{content:"";background-color:#bcbcbc;width:1px;height:60%;position:absolute;top:20%;left:0}.portfolio-filter-button{cursor:pointer;width:100%;min-height:3.5rem;font-family:var(--regular-font-family);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:2rem;padding:.75rem 1.25rem;font-size:1rem;display:flex}.portfolio-filter-arrow{object-fit:contain;flex-shrink:0;width:1.25rem;max-width:none;height:1.25rem;transition:transform .3s}.portfolio-filter-arrow.filter-arrow-open{transform:rotate(180deg)}.portfolio-filter-options{z-index:20;background:var(--white-color);width:100%;min-width:100%;padding:.5rem 0;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 .5rem 2rem #00000014}.portfolio-filter-options button{cursor:pointer;width:100%;font-family:var(--regular-font-family);text-align:left;background:0 0;border:0;padding:.7rem 1rem;font-size:.95rem}.portfolio-filter-options button:hover{background:#f5f5f5}@media only screen and (max-width:991px){.portfolio-filter-header{flex-direction:column;align-items:flex-start;gap:2rem;margin-bottom:3rem}.portfolio-filters{width:100%}.portfolio-filter-dropdown{flex:1;min-width:0}}@media only screen and (max-width:575px){.portfolio-filter-header{gap:1.5rem}.portfolio-filters{grid-template-columns:1fr 1fr;width:100%;display:grid}.portfolio-filter-dropdown{border-bottom:1px solid #bcbcbc}.portfolio-filter-dropdown:nth-child(odd){border-left:0}.portfolio-filter-dropdown:nth-child(n+3){border-bottom:0}.portfolio-filter-button{padding:.75rem;font-size:.9rem}}