@media only screen and (min-width: 0rem) {#projects-page {padding: var(--sectionPadding);position: relative;overflow: hidden;background-color: #fafafa;}#projects-page .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);position: relative;z-index: 1;}#projects-page .cs-gallery {width: 100%;position: relative;}#projects-page .cs-gallery-container {display: grid;grid-template-columns: 1fr;gap: 2rem;width: 100%;}#projects-page .cs-gallery-item {position: relative;display: block;overflow: hidden;border-radius: 1rem;transition: all 0.3s ease;height: 350px;}#projects-page .cs-picture {position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 1rem;box-shadow: 0 8px 30px rgba(81, 164, 56, 0.15);border: 3px solid rgba(81, 164, 56, 0.2);transition: all 0.3s ease;}#projects-page .cs-gallery-item:hover .cs-picture {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(81, 164, 56, 0.25);border-color: var(--primary);}#projects-page .cs-picture img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}#projects-page .cs-gallery-item:hover .cs-picture img {transform: scale(1.05);}#projects-page .cs-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, rgba(81, 164, 56, 0.95), rgba(81, 164, 56, 0.7), transparent);color: white;padding: 1.5rem 1rem 1rem;transform: translateY(100%);transition: transform 0.3s ease;}#projects-page .cs-gallery-item:hover .cs-overlay {transform: translateY(0);}#projects-page .cs-project-title {font-size: 1.125rem;font-weight: 700;margin: 0 0 0.25rem 0;color: #fff;}#projects-page .cs-project-type {font-size: 0.875rem;font-weight: 500;margin: 0;color: rgba(255, 255, 255, 0.9);text-transform: uppercase;letter-spacing: 0.5px;}}@media only screen and (min-width: 48rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(2, 1fr);gap: 2.5rem;}#projects-page .cs-gallery-item {height: 400px;}}@media only screen and (min-width: 64rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(3, 1fr);gap: 2rem;}#projects-page .cs-gallery-item {height: 380px;}}@media only screen and (min-width: 81.25rem) {#projects-page .cs-gallery-container {gap: 2.5rem;}#projects-page .cs-gallery-item {height: 420px;}}