@media only screen and (min-width: 0rem) {#projects-page {padding: clamp(3rem, 6vw, 5rem) 1rem;background: var(--smoke);position: relative;}#projects-page .cs-container {width: 100%;max-width: 80rem;margin: auto;}#projects-page .cs-gallery {width: 100%;}#projects-page .cs-gallery-container {column-count: 1;column-gap: 1rem;}#projects-page .cs-gallery-item {position: relative;display: block;width: 100%;padding: 0;border: 0;margin: 0 0 1rem;overflow: hidden;border-radius: 0.85rem;background: var(--ink);box-shadow: 0 0.5rem 1.25rem rgba(22, 24, 29, 0.12);break-inside: avoid;-webkit-tap-highlight-color: transparent;transition: transform 0.3s ease, box-shadow 0.3s ease;}#projects-page .cs-gallery-item:not(.is-video) {cursor: pointer;}#projects-page .cs-gallery-item::before {content: "";position: absolute;top: 0;left: 0;height: 4px;width: 0;background: linear-gradient(90deg, var(--accent), var(--cool));z-index: 3;transition: width 0.35s ease;}#projects-page .cs-gallery-item:not(.is-video)::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(14, 16, 19, 0) 60%, rgba(14, 16, 19, 0.45) 100%);opacity: 0;transition: opacity 0.35s ease;z-index: 1;}#projects-page .cs-gallery-item img, #projects-page .cs-gallery-item video {width: 100%;height: auto;display: block;transition: transform 0.5s ease;}#projects-page .cs-gallery-item video {aspect-ratio: 2 / 3;object-fit: cover;background: var(--ink-deep);}#projects-page .cs-gallery-item .cs-tag {position: absolute;top: 0.85rem;left: 0.85rem;z-index: 3;font-family: var(--body);font-weight: 700;font-size: 0.66rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--white);background: var(--accent);padding: 0.34rem 0.72rem;border-radius: 999px;}#projects-page .cs-gallery-item.is-video::after {content: "";position: absolute;bottom: 0.85rem;right: 0.85rem;z-index: 3;width: 1.9rem;height: 1.9rem;border-radius: 50%;background: rgba(14, 16, 19, 0.7);border: 1px solid rgba(255, 255, 255, 0.35);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 55% center;background-size: 0.85rem;}}@media only screen and (min-width: 48rem) {#projects-page .cs-gallery-container {column-count: 2;column-gap: 1.25rem;}#projects-page .cs-gallery-item {margin-bottom: 1.25rem;}}@media only screen and (min-width: 64rem) {#projects-page .cs-gallery-container {column-count: 3;column-gap: 1.5rem;}#projects-page .cs-gallery-item {margin-bottom: 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(22, 24, 29, 0.2);}#projects-page .cs-gallery-item:hover::before {width: 100%;}#projects-page .cs-gallery-item:not(.is-video):hover::after {opacity: 1;}#projects-page .cs-gallery-item:not(.is-video):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(14, 16, 19, 0.94);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: var(--accent);border-radius: 50%;line-height: 1;transition: background 0.2s ease, transform 0.2s ease;}#cs-lightbox .cs-lb-btn:hover {background: var(--accent-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;}}@media (prefers-reduced-motion: reduce) {#projects-page .cs-gallery-item, #projects-page .cs-gallery-item img, #projects-page .cs-gallery-item::before {transition: none;}}