@media only screen and (min-width:0rem){.portfolio,.portfolio-r{overflow:hidden;padding:var(--sectionPadding);position:relative;z-index:1}.portfolio .cs-container,.portfolio-r .cs-container{align-items:center;display:flex;flex-direction:column;gap:clamp(2rem,6vw,4rem);justify-content:center;margin:auto;max-width:36rem;position:relative}.portfolio .cs-content,.portfolio-r .cs-content{display:flex;flex-direction:column;text-align:left;width:100%}.portfolio .cs-title,.portfolio-r .cs-title{color:var(--headerColor);font-family:var(--headerFont);line-height:1.2em;margin-bottom:1rem}.portfolio .cs-detail-group,.portfolio-r .cs-detail-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;list-style-type:none;margin-bottom:1rem}.portfolio .cs-detail,.portfolio-r .cs-detail{align-items:center;background-color:var(--primary);color:var(--bodyTextColorWhite);display:flex;font-family:var(--headerFont);font-size:1.25rem;font-weight:600;gap:.75rem;line-height:1.2em;padding:.75rem 1rem}.portfolio .cs-icon,.portfolio-r .cs-icon{display:block;filter:grayscale(1) brightness(10000%);height:auto;position:relative;width:1.5rem}.portfolio .cs-button-solid,.portfolio-r .cs-button-solid{width:-moz-fit-content;width:fit-content}.portfolio .cs-text,.portfolio-r .cs-text{margin-bottom:2rem}.portfolio .cs-wrapper,.portfolio-r .cs-wrapper{display:flex;flex-direction:column;gap:.5rem;order:-1;width:100%}.portfolio .cs-main-image,.portfolio-r .cs-main-image{display:block;height:clamp(300px,50vw,400px);position:relative;width:100%}.portfolio .cs-main-image img,.portfolio-r .cs-main-image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.portfolio .cs-image-group,.portfolio-r .cs-image-group{display:flex;flex-direction:row;gap:.5rem;height:clamp(100px,20vw,150px);width:100%}.portfolio .cs-image,.portfolio-r .cs-image{display:block;flex:1;height:100%;position:relative}.portfolio .cs-image img,.portfolio-r .cs-image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.portfolio-r{background-color:#fff}.portfolio-r:before{background:var(--primary);content:"";display:block;height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%;z-index:-1}}@media only screen and (min-width:64rem){.portfolio .cs-container,.portfolio-r .cs-container{flex-direction:row;justify-content:space-between;max-width:80rem}.portfolio .cs-content,.portfolio-r .cs-content{max-width:34.375rem}.portfolio .cs-wrapper,.portfolio-r .cs-wrapper{max-width:37.5rem}.portfolio-r .cs-wrapper{order:1}}@media only screen and (min-width:0rem){body.dark-mode .portfolio .cs-title,body.dark-mode .portfolio-r .cs-title{color:var(--bodyTextColorWhite)}body.dark-mode .portfolio .cs-detail,body.dark-mode .portfolio-r .cs-detail{background-color:var(--secondary);color:var(--headerColor)}body.dark-mode .portfolio .cs-icon,body.dark-mode .portfolio-r .cs-icon{filter:none}body.dark-mode .portfolio-r{background-color:rgba(0,0,0,.2)}}