@media only screen and (min-width: 0rem) {#projects-page {padding: clamp(3.5rem, 7vw, 6rem) 1rem clamp(4rem, 8vw, 7rem);background: var(--sand);position: relative;}#projects-page .cs-container {width: 100%;max-width: 82.5rem;margin: auto;}#projects-page .cs-gallery-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.85rem;}#projects-page .cs-gallery-item {position: relative;display: block;width: 100%;padding: 0;border: 0;margin: 0;overflow: hidden;border-radius: 1rem;background: var(--sand-dark);cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 0.35s ease, box-shadow 0.35s ease;}#projects-page .cs-gallery-item:after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(3, 144, 108, 0.25) 0%, rgba(10, 37, 29, 0.6) 100%);opacity: 0;transition: opacity 0.35s ease;z-index: 1;}#projects-page .cs-gallery-item .cs-view {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.85);width: 3rem;height: 3rem;border-radius: 50%;background: var(--cream);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.35s ease, transform 0.35s ease;z-index: 2;}#projects-page .cs-gallery-item .cs-view svg {width: 1.15rem;height: 1.15rem;fill: var(--forest);}#projects-page .cs-gallery-item img {width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: cover;display: block;transition: transform 0.6s ease;}#projects-page .cs-gallery-item:nth-child(6n + 1) img, #projects-page .cs-gallery-item:nth-child(6n + 4) img {aspect-ratio: 3 / 4;}}@media only screen and (min-width: 48rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(3, 1fr);gap: 1.1rem;}}@media only screen and (min-width: 64rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(4, 1fr);gap: 1.25rem;}}@media (hover: hover) and (pointer: fine) {#projects-page .cs-gallery-item:hover {transform: translateY(-6px);box-shadow: 0 1.25rem 2.5rem rgba(16, 53, 42, 0.22);}#projects-page .cs-gallery-item:hover:after {opacity: 1;}#projects-page .cs-gallery-item:hover .cs-view {opacity: 1;transform: translate(-50%, -50%) scale(1);}#projects-page .cs-gallery-item:hover img {transform: scale(1.07);}}@media only screen and (min-width: 0rem) {#cs-lightbox {position: fixed;inset: 0;z-index: 100000;display: none;align-items: center;justify-content: center;padding: 1.5rem;background: rgba(10, 37, 29, 0.94);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}#cs-lightbox.is-open {display: flex;}#cs-lightbox .cs-lb-img {max-width: min(92vw, 62rem);max-height: 86vh;width: auto;height: auto;border-radius: 1rem;box-shadow: 0 1.75rem 3.5rem rgba(0, 0, 0, 0.45);}#cs-lightbox .cs-lb-btn {position: absolute;display: flex;align-items: center;justify-content: center;border: none;cursor: pointer;color: var(--forest);background: var(--cream);border-radius: 0.75rem;line-height: 1;transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;}#cs-lightbox .cs-lb-btn:hover {background: var(--pine);color: var(--white);}#cs-lightbox .cs-lb-prev, #cs-lightbox .cs-lb-next {top: 50%;transform: translateY(-50%);width: 3.25rem;height: 3.25rem;font-size: 2rem;}#cs-lightbox .cs-lb-prev:hover, #cs-lightbox .cs-lb-next:hover {transform: translateY(-50%) scale(1.06);}#cs-lightbox .cs-lb-prev {left: 0.75rem;}#cs-lightbox .cs-lb-next {right: 0.75rem;}#cs-lightbox .cs-lb-close {top: 1rem;right: 1rem;width: 2.85rem;height: 2.85rem;font-size: 1.7rem;}}@media only screen and (min-width: 48rem) {#cs-lightbox .cs-lb-prev {left: 1.5rem;}#cs-lightbox .cs-lb-next {right: 1.5rem;}#cs-lightbox .cs-lb-close {top: 1.5rem;right: 1.5rem;}}