@media only screen and (min-width: 0rem) {#gallery-2281 {padding: var(--sectionPadding);overflow: hidden;position: relative;z-index: 1;}#gallery-2281 .background-container {background-image: url("/assets/images/background/brickbackground_white.jpeg");background-size: 700px;background-repeat: repeat;background-position: center;height: 100%;width: 100%;top: 0;left: 0;position: absolute;color: white;text-align: center;z-index: 1;opacity: 0.2;}#gallery-2281 .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);position: relative;z-index: 1;}#gallery-2281 .cs-content {text-align: center;width: 100%;display: flex;flex-direction: column;align-items: center;gap: 1.5rem;}#gallery-2281 .cs-title {margin: 0;}#gallery-2281 .cs-button-group {margin: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;row-gap: 1rem;column-gap: clamp(1.25rem, 3.4vw, 2.5rem);}#gallery-2281 .cs-button {font-size: 1rem;font-weight: bold;line-height: 1.5em;padding: 0;color: var(--bodyTextColor);background-color: transparent;border: none;position: relative;z-index: 1;transition: color 0.3s;}#gallery-2281 .cs-button:before {content: "";width: 100%;height: 4px;background: var(--primary);opacity: 0;position: absolute;display: block;bottom: 0;left: 0;transition: opacity 0.3s, bottom 0.3s, transform 0.3s;}#gallery-2281 .cs-button:hover {color: var(--primary);cursor: pointer;}#gallery-2281 .cs-button:hover:before {opacity: 1;bottom: -0.625rem;}#gallery-2281 .cs-button.cs-active {color: var(--primary);}#gallery-2281 .cs-button.cs-active:before {opacity: 1;bottom: -0.625rem;}#gallery-2281 .cs-gallery-wrapper {width: 100%;position: relative;z-index: 1;}#gallery-2281 .cs-gallery {width: 100%;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(12, 1fr);gap: clamp(1rem, 1.5vw, 1.25rem);position: relative;perspective: 700px;transform-style: preserve-3d;transition: transform 0.7s, opacity 0.3s, visibility 0.5s, top 0.3s, left 0.3s;transform-origin: left top;}#gallery-2281 .cs-gallery.cs-hidden {position: absolute;visibility: hidden;pointer-events: none;opacity: 0;top: 0;left: 0;position: absolute;transform: scaleY(0) scaleX(0);}#gallery-2281 .cs-gallery.cs-hidden .cs-image {transform: translateY(2.1875rem) rotateX(90deg);opacity: 0;}#gallery-2281 .cs-image {min-height: clamp(18.75rem, 40vw, 26.25rem);overflow: hidden;display: block;grid-column: span 12;position: relative;transform: translateY(0rem) rotateX(0);opacity: 1;transition: opacity 0.6s, transform 0.6s;}#gallery-2281 .cs-image:nth-of-type(1) {transition-delay: 0.1s;}#gallery-2281 .cs-image:nth-of-type(2) {transition-delay: 0.2s;}#gallery-2281 .cs-image:nth-of-type(3) {transition-delay: 0.3s;}#gallery-2281 .cs-image:nth-of-type(4) {transition-delay: 0.4s;}#gallery-2281 .cs-image:nth-of-type(5) {transition-delay: 0.5s;}#gallery-2281 .cs-image:nth-of-type(6) {transition-delay: 0.6s;}#gallery-2281 .cs-image:nth-of-type(7) {transition-delay: 0.7s;}#gallery-2281 .cs-image:nth-of-type(8) {transition-delay: 0.8s;}#gallery-2281 .cs-picture {background-color: #000;position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#gallery-2281 .cs-picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;transition: transform 0.65s, opacity 0.3s;}#gallery-2281 .cs-batch {display: contents;}#gallery-2281 .cs-loading {grid-column: span 12;display: flex;justify-content: center;align-items: center;padding: 2.5rem;text-align: center;}#gallery-2281 .cs-loading-spinner {display: flex;flex-direction: column;align-items: center;gap: 1rem;}#gallery-2281 .cs-loading-spinner p {font-size: 1rem;color: var(--bodyTextColor);margin: 0;}#gallery-2281 .cs-spinner {width: 2.5rem;height: 2.5rem;border: 3px solid #f3f3f3;border-top: 3px solid var(--primary);border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}}@media only screen and (min-width: 37.5rem) {#gallery-2281 .cs-image {grid-column: span 6;}#gallery-2281 .cs-loading {grid-column: span 6;}}@media only screen and (min-width: 48rem) {#gallery-2281:before {width: 100vw;height: clamp(24.6875rem, 30vw, 30.625rem);left: auto;right: 50%;}#gallery-2281 .cs-content {text-align: left;align-items: flex-start;}#gallery-2281 .cs-button-group {border-bottom: 1px solid #E7E7E8;}#gallery-2281 .cs-button {padding-bottom: 1.25rem;}#gallery-2281 .cs-button:hover:before {transform: scale(1);bottom: -1px;}#gallery-2281 .cs-button.cs-active:before {bottom: -1px;transform: scale(1);}#gallery-2281 .cs-button:before {transform: scale(0);transition: transform 0.3s;}#gallery-2281 .cs-image {grid-column: span 4;}#gallery-2281 .cs-loading {grid-column: span 4;}}@media only screen and (min-width: 64rem) {#gallery-2281 .cs-content {flex-direction: row;justify-content: space-between;align-items: flex-end;gap: 4rem;}#gallery-2281 .cs-image:hover .cs-tag, #gallery-2281 .cs-image:hover .cs-project {transform: translateX(0);opacity: 1;}#gallery-2281 .cs-image:hover .cs-picture img {transform: scale(1.3);}#gallery-2281 .cs-info {width: 90%;display: flex;flex-direction: column;align-items: flex-start;position: absolute;bottom: clamp(1rem, 2vw, 1.5rem);left: 0;z-index: 10;}#gallery-2281 .cs-tag {font-size: clamp(0.8125rem, 2vw, 1rem);font-weight: 700;text-transform: uppercase;padding: 0.5rem 1.25rem;color: var(--bodyTextColorWhite);background-color: var(--primary);}#gallery-2281 .cs-project {font-size: 1.25rem;font-weight: 700;text-transform: uppercase;padding: 0.75rem 1rem;color: var(--headerColor);background-color: #fff;}#gallery-2281 .cs-tag {opacity: 0;transform: translateX(-100%);transition: transform 0.3s ease-in-out, opacity 0.3s;}#gallery-2281 .cs-project {opacity: 0;transform: translateX(-100%);transition: transform 0.4s ease-out, opacity 0.3s;transition-delay: 0.1s;}}