@media only screen and (min-width: 0rem) {#projects-page {padding: clamp(3rem, 6vw, 5rem) 1rem;background: var(--ice);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(--white);border-radius: var(--radiusSmall);box-shadow: var(--shadowSmall);transition: transform 0.3s ease, box-shadow 0.3s ease;}#projects-page .cs-gallery-item::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 0.3rem;background: var(--grad);transition: width 0.3s ease;z-index: 2;}#projects-page .cs-gallery-item:hover {transform: translateY(-8px);box-shadow: var(--shadow);}#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;}}