@media only screen and (min-width:0rem){#gallery-2297{background-color:#fef5f4;overflow:hidden;padding:var(--sectionPadding);position:relative;z-index:1}#gallery-2297 .cs-container{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:80rem;position:relative;width:100%;z-index:1}#gallery-2297 .cs-content{display:contents;width:100%}#gallery-2297 .cs-title{margin:0 0 3rem}#gallery-2297 .cs-gallery-wrapper{position:relative;width:100%;z-index:1}#gallery-2297 .cs-gallery{display:grid;gap:clamp(1rem,1.5vw,1.25rem);grid-template-columns:repeat(12,1fr);margin:0;padding:0;perspective:700px;position:relative;transform-origin:left top;transform-style:preserve-3d;transition:transform .7s,opacity .3s,visibility .5s,top .3s,left .3s;width:100%}#gallery-2297 .cs-gallery.cs-hidden{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scaleY(0) scaleX(0);visibility:hidden}#gallery-2297 .cs-gallery.cs-hidden .cs-image{opacity:0;transform:translateY(2.1875rem) rotateX(90deg)}#gallery-2297 .cs-image{aspect-ratio:1/1;display:block;grid-column:span 12;opacity:1;overflow:hidden;position:relative;transform:translateY(0) rotateX(0);transition:opacity .6s,transform .6s}#gallery-2297 .cs-image:first-of-type{transition-delay:.1s}#gallery-2297 .cs-image:nth-of-type(2){transition-delay:.2s}#gallery-2297 .cs-image:nth-of-type(3){transition-delay:.3s}#gallery-2297 .cs-picture{background-color:#000}#gallery-2297 .cs-picture,#gallery-2297 .cs-picture img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#gallery-2297 .cs-picture img{transition:transform .65s,opacity .3s}#gallery-2297 .cs-info{align-items:flex-start;bottom:0;display:flex;flex-direction:column;gap:.5rem;left:0;position:absolute;width:90%;z-index:10}#gallery-2297 .cs-tag{background-color:var(--primary);color:var(--bodyTextColorWhite);font-size:clamp(.8125rem,2vw,1rem);font-weight:700;padding:.5rem 1.25rem;text-transform:uppercase}#gallery-2297 .cs-project{background-color:#fff;color:var(--headerColor);font-size:1.25rem;font-weight:700;padding:.75rem 1rem;text-transform:uppercase}#gallery-2297 .cs-stats{-moz-column-gap:clamp(1rem,3vw,1.5rem);column-gap:clamp(1rem,3vw,1.5rem);display:flex;flex-direction:column;margin:clamp(3rem,9vw,7.5rem) auto 0;max-width:80rem;row-gap:2rem}#gallery-2297 .cs-stat{-moz-column-gap:1.25rem;column-gap:1.25rem;display:flex;flex-direction:column;row-gap:.5rem}#gallery-2297 .cs-number{color:var(--primary);font-size:var(--headerFontSize);font-weight:700;line-height:1.2em}#gallery-2297 .cs-desc{color:var(--headerColor);font-size:1.25rem;font-weight:700;line-height:1.2em}}@media only screen and (min-width:48rem){#gallery-2297 .cs-container{gap:clamp(3rem,6vw,4rem)}#gallery-2297 .cs-content{align-items:center;display:flex;flex-direction:row;gap:1.5rem;justify-content:center;text-align:left}#gallery-2297 .cs-title{margin:0}#gallery-2297 .cs-image{grid-column:span 4}#gallery-2297 .cs-stat{flex:1}}@media only screen and (min-width:64rem){#gallery-2297 .cs-content{align-items:flex-end;flex-direction:row;gap:4rem;justify-content:center;text-align:center}#gallery-2297 .cs-image:hover .cs-project,#gallery-2297 .cs-image:hover .cs-tag{opacity:1;transform:translateX(0)}#gallery-2297 .cs-image:hover .cs-picture img{opacity:.2;transform:scale(1.3)}#gallery-2297 .cs-tag{opacity:0;transform:translateX(-100%);transition:transform .3s ease-in-out,opacity .3s}#gallery-2297 .cs-project{opacity:0;transform:translateX(-100%);transition:transform .4s ease-out,opacity .3s;transition-delay:.1s}}@media only screen and (min-width:81.25rem){#gallery-2297 .cs-stat{align-items:center;flex-direction:row}}@media only screen and (min-width:0rem){body.dark-mode #gallery-2297{background-color:var(--dark)}body.dark-mode #gallery-2297 .cs-button,body.dark-mode #gallery-2297 .cs-desc,body.dark-mode #gallery-2297 .cs-title{color:var(--bodyTextColorWhite)}body.dark-mode #gallery-2297 .cs-button-group{border-color:hsla(0,0%,100%,.2)}body.dark-mode #gallery-2297 .cs-button{background-color:var(--medium)}body.dark-mode #gallery-2297 .cs-button:hover{background-color:var(--primary)}body.dark-mode #gallery-2297 .cs-arrow{filter:invert(1) brightness(1000%)}}