 @media only screen and (min-width: 0rem) {#gallery-2281 {padding: var(--sectionPadding);overflow: hidden;position: relative;z-index: 1;}#gallery-2281:before {content: "";width: 100%;height: 22.5rem;margin-left: 3.4375rem;background: var(--primary);opacity: 0.05;display: block;position: absolute;bottom: 0;right: 0;z-index: -1;}#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;}#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;line-height: 1.5em;padding: 0;color: var(--bodyTextColor);font: 400;font-family: var(--headerFontFamily);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 {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%;overflow: hidden;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-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;}}@media only screen and (min-width: 37.5rem) {#gallery-2281 .cs-image {grid-column: span 6;}}@media only screen and (min-width: 48rem) {#gallery-2281:before {width: 100vw;height: clamp(24.6875rem, 30vw, 30.625rem);right: auto;left: 50%;}#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;}}@media only screen and (min-width: 64rem) {#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 {opacity: 0.8;}#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;}}@media only screen and (min-width: 0rem) {body.dark-mode #gallery-2281::before {background-color: rgba(0, 0, 0, 0.6);}body.dark-mode #gallery-2281 .cs-title, body.dark-mode #gallery-2281 .cs-button {color: var(--bodyTextColorWhite);}body.dark-mode #gallery-2281 .cs-button-group {border-color: rgba(255, 255, 255, 0.2);}body.dark-mode #gallery-2281 .cs-button.cs-active {color: var(--primary);}}