@media only screen and (min-width: 0rem) {#projects-page {padding: clamp(3rem, 6vw, 5rem) 1rem;background: var(--cream);position: relative;}#projects-page .cs-container {width: 100%;max-width: 80rem;margin: auto;}#projects-page .cs-gallery {width: 100%;}#projects-page .cs-gallery-container {display: grid;grid-template-columns: 1fr;gap: 1rem;}#projects-page .cs-gallery-item {position: relative;display: block;width: 100%;padding: 0;border: 0;margin: 0;overflow: hidden;border-radius: 0.85rem;background: var(--ink);box-shadow: 0 0.5rem 1.25rem rgba(15, 26, 46, 0.1);cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 0.3s ease, box-shadow 0.3s ease;}#projects-page .cs-gallery-item::before {content: "";position: absolute;top: 0;left: 0;height: 4px;width: 0;background: var(--teal);z-index: 2;transition: width 0.35s ease;}#projects-page .cs-gallery-item::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(15, 26, 46, 0) 60%, rgba(15, 26, 46, 0.5) 100%);opacity: 0;transition: opacity 0.35s ease;z-index: 1;}#projects-page .cs-gallery-item img {width: 100%;height: 100%;aspect-ratio: 4 / 3;object-fit: cover;display: block;transition: transform 0.5s ease;}}@media only screen and (min-width: 48rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(2, 1fr);gap: 1.25rem;}}@media only screen and (min-width: 64rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}}@media (hover: hover) and (pointer: fine) {#projects-page .cs-gallery-item:hover {transform: translateY(-6px);box-shadow: 0 1.25rem 2.5rem rgba(15, 26, 46, 0.2);}#projects-page .cs-gallery-item:hover::before {width: 100%;}#projects-page .cs-gallery-item:hover::after {opacity: 1;}#projects-page .cs-gallery-item:hover img {transform: scale(1.06);}}@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(15, 26, 46, 0.93);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}#cs-lightbox.is-open {display: flex;}#cs-lightbox .cs-lb-img {max-width: min(92vw, 68rem);max-height: 84vh;width: auto;height: auto;border-radius: 0.5rem;box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.5);}#cs-lightbox .cs-lb-btn {position: absolute;display: flex;align-items: center;justify-content: center;border: none;cursor: pointer;color: var(--white);background: rgba(4, 174, 151, 0.9);border-radius: 50%;line-height: 1;transition: background 0.2s ease, transform 0.2s ease;}#cs-lightbox .cs-lb-btn:hover {background: var(--teal-dark);transform: scale(1.06);}#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;}}