@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;gap: clamp(3rem, 6vw, 4.5rem);}#projects-page .gallery-group {width: 100%;}#projects-page .gallery-title {font-family: var(--headingFont);font-size: clamp(1.6rem, 4.5vw, 2.25rem);font-weight: 500;line-height: 1.2;color: var(--headerColor);text-align: center;margin-bottom: 1.75rem;}#projects-page .gallery-track {display: flex;gap: 1.25rem;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;padding: 0.85rem 0 1.35rem;-ms-overflow-style: none;scrollbar-width: none;}#projects-page .gallery-track::-webkit-scrollbar {display: none;}#projects-page .gallery-item {position: relative;flex: 0 0 100%;aspect-ratio: 3 / 2;scroll-snap-align: start;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 .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 .gallery-item:hover {transform: translateY(-8px);box-shadow: var(--shadow);}#projects-page .gallery-item:hover::after {width: 100%;}#projects-page .gallery-item img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}#projects-page .gallery-item:hover img {transform: scale(1.06);}#projects-page .gallery-arrows {display: flex;justify-content: center;gap: 0.75rem;margin-top: 1.25rem;}#projects-page .gallery-arrow {width: 2.75rem;height: 2.75rem;border-radius: 50%;border: 1px solid var(--line);background: var(--white);color: var(--primary);display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: var(--shadowSmall);transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, transform 0.15s ease;}#projects-page .gallery-arrow svg {width: 1.1rem;height: 1.1rem;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;}#projects-page .gallery-arrow:hover {background: var(--grad);color: var(--white);border-color: transparent;}#projects-page .gallery-arrow:active {transform: scale(0.94);}#projects-page .gallery-arrow:disabled {opacity: 0.3;cursor: default;pointer-events: none;}#projects-page .gallery-group.no-scroll .gallery-arrows {display: none;}}@media only screen and (min-width: 48rem) {#projects-page .gallery-track {gap: 1.5rem;}#projects-page .gallery-item {flex: 0 0 calc((100% - 1.5rem) / 2);}}@media only screen and (min-width: 64rem) {#projects-page .gallery-item {flex: 0 0 calc((100% - 1.5rem * 2) / 3);}}@media only screen and (min-width: 81.25rem) {#projects-page .gallery-track {gap: 1.75rem;}#projects-page .gallery-item {flex: 0 0 calc((100% - 1.75rem * 2) / 3);}}