@media only screen and (min-width:0rem){#project-gallery{padding:var(--sectionPadding)}#project-gallery .cs-container{gap:clamp(3rem,6vw,4rem);margin:auto;max-width:80rem;position:relative;z-index:1}#project-gallery .cs-container,#project-gallery .cs-content{align-items:center;display:flex;flex-direction:column;width:100%}#project-gallery .cs-content{gap:1.5rem;text-align:center}#project-gallery .cs-title{margin:0}#project-gallery .cs-listing-wrapper{position:relative;width:100%;z-index:1}#project-gallery .cs-listing{display:grid;gap:clamp(1rem,1.5vw,1.25rem);grid-auto-flow:row;justify-items:center;margin:0;padding:0;position:relative;width:100%}#project-gallery .cs-item{border:1px solid #e8e8e8;max-width:23.4375rem;min-width:0;opacity:1;padding:1rem;width:100%}#project-gallery .cs-link{text-decoration:none}#project-gallery .cs-link:hover .cs-picture img{transform:scale(1.1)}#project-gallery .cs-picture-group{height:18.75rem;margin-bottom:1.25rem;position:relative;width:auto}#project-gallery .cs-picture{display:block;height:100%;overflow:hidden;width:100%}#project-gallery .cs-picture img{height:100%;object-fit:cover;transition:transform .6s;width:100%}#project-gallery .cs-name{color:var(--headerColor);font-size:clamp(1.25rem,1vw,1.5625rem);font-weight:700;line-height:1.2em;margin:0;overflow:hidden;width:100%}}@media only screen and (min-width:45rem){#project-gallery .cs-content{flex-direction:row;justify-content:space-between}#project-gallery .cs-listing{grid-template-columns:repeat(2,1fr)}#project-gallery .cs-item{max-width:none}#project-gallery .cs-text{max-width:50ch;text-align:left}#project-gallery .cs-picture-group{height:clamp(12.5rem,19vw,20rem)}}@media only screen and (min-width:64rem){#project-gallery .cs-listing{grid-template-columns:repeat(3,1fr)}#project-gallery .cs-picture-group{height:clamp(12.5rem,14vw,20rem)}#project-gallery .cs-text{max-width:60ch;text-align:left}}@media only screen and (min-width:80rem){#project-gallery .cs-listing{grid-template-columns:repeat(4,1fr)}#project-gallery .cs-picture-group{height:clamp(12.5rem,14vw,20rem)}}@media only screen and (min-width:0rem){body.dark-mode #project-gallery .cs-name,body.dark-mode #project-gallery .cs-title{color:var(--bodyTextColorWhite)}body.dark-mode #project-gallery .cs-item{background-color:var(--medium);border-color:var(--accent)}}