@media only screen and (min-width: 0rem) {#projects-page {padding: clamp(3rem, 6vw, 5rem) 1rem;background: var(--cream, #faf8f1);position: relative;}#projects-page .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);}#projects-page .cs-gallery {width: 100%;position: relative;}#projects-page .cs-gallery-container {display: grid;grid-template-columns: 1fr;gap: 1.25rem;width: 100%;}#projects-page .cs-gallery-item {position: relative;display: block;overflow: hidden;background: var(--black, #141414);border: 0.4rem solid var(--black, #141414);transition: transform 0.3s ease, box-shadow 0.3s ease;}#projects-page .cs-gallery-item::after {content: "";position: absolute;top: 0;left: 0;width: 0;height: 0.4rem;background: var(--primary, #f6c90e);transition: width 0.3s ease;z-index: 2;}#projects-page .cs-gallery-item:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22);}#projects-page .cs-gallery-item:hover::after {width: 100%;}#projects-page .cs-gallery-item img {width: 100%;height: 350px;object-fit: cover;display: block;transition: transform 0.5s ease;}#projects-page .cs-gallery-item:hover img {transform: scale(1.06);}}@media only screen and (min-width: 48rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(2, 1fr);gap: 1.5rem;}#projects-page .cs-gallery-item img {height: 360px;}}@media only screen and (min-width: 64rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}#projects-page .cs-gallery-item img {height: 300px;}}@media only screen and (min-width: 81.25rem) {#projects-page .cs-gallery-container {gap: 1.75rem;}#projects-page .cs-gallery-item img {height: 320px;}}