@media only screen and (min-width: 0rem) {#projects-page {padding: var(--sectionPadding);padding-top: 2rem;background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);overflow: hidden;position: relative;z-index: 1;}#projects-page .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(1.5rem, 3vw, 2rem);position: relative;}#projects-page .cs-content {text-align: center;width: 100%;max-width: 55rem;display: flex;flex-direction: column;align-items: center;margin-bottom: 0;position: relative;}#projects-page .cs-content::after {content: '';width: 80px;height: 3px;background: linear-gradient(90deg, var(--primary), var(--primary));border-radius: 2px;margin-top: 1rem;transition: width 0.3s ease;}#projects-page .cs-title {font-size: clamp(1.5rem, 3vw, 2rem);font-weight: 700;line-height: 1.2em;text-align: inherit;width: 100%;max-width: 100%;margin: 0;color: var(--headerColor);position: relative;letter-spacing: 0.5px;}#projects-page p {font-size: var(--bodyFontSize);line-height: 1.5em;text-align: inherit;width: 100%;margin: 0 0 1rem 0;color: var(--bodyTextColor);}#projects-page p:last-of-type {margin-bottom: 0;}#projects-page .cs-gallery {width: 100%;max-width: 80rem;position: relative;}#projects-page .cs-gallery-container {display: grid;grid-template-columns: 1fr;gap: 1.5rem;width: 100%;position: relative;overflow: hidden;}#projects-page .cs-gallery-track {display: flex;gap: 2rem;transition: transform 0.3s ease;width: 100%;}#projects-page .cs-gallery-item {position: relative;border-radius: 16px;overflow: hidden;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);background: #fff;cursor: pointer;flex: 0 0 100%;min-width: 100%;}#projects-page .cs-gallery-item::before {content: '🔍';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 28px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);opacity: 0;transition: opacity 0.3s ease;z-index: 3;pointer-events: none;background: rgba(0, 0, 0, 0.6);border-radius: 50%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}#projects-page .cs-gallery-item:hover {transform: translateY(-12px);box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);}#projects-page .cs-gallery-item::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(196, 175, 110, 0.1) 0%, rgba(196, 175, 110, 0.05) 100%);opacity: 0;transition: opacity 0.4s ease;z-index: 2;pointer-events: none;}#projects-page .cs-gallery-item:hover::after {opacity: 1;}#projects-page .cs-gallery-item img {width: 100%;height: 100%;object-fit: cover;display: block;aspect-ratio: 4/3;transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}#projects-page .cs-gallery-item:hover img {transform: scale(1.08);}#projects-page .cs-item-title {color: var(--headerColor);font-size: 1.1rem;font-weight: 700;margin: 0.5rem 0 0.25rem 0;padding: 0 0.5rem;}.mobile-nav, .desktop-nav {display: none;}.lightbox {display: none;position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.9);cursor: pointer;}.lightbox-content {position: relative;margin: auto;padding: 60px 20px 20px 20px;width: 100%;max-width: 1200px;height: 100vh;display: flex;align-items: center;justify-content: center;box-sizing: border-box;cursor: pointer;}.lightbox-content img {max-width: 90%;max-height: 80vh;object-fit: contain;border-radius: 8px;cursor: default;}.lightbox-close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;cursor: pointer;z-index: 10001;transition: 0.3s;}.lightbox-close:hover {color: var(--primary);}.lightbox-prev, .lightbox-next {cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);width: auto;padding: 20px;color: white;font-weight: bold;font-size: 24px;background: rgba(0, 0, 0, 0.6);border: none;border-radius: 50%;user-select: none;transition: 0.3s ease;z-index: 10002;}.lightbox-next {right: 15px;}.lightbox-prev {left: 15px;}.lightbox-prev:hover, .lightbox-next:hover {background: rgba(196, 175, 110, 0.8);}.lightbox-counter {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);color: white;font-size: 16px;background: rgba(0, 0, 0, 0.5);padding: 8px 16px;border-radius: 20px;}}@media only screen and (max-width: 47.9375rem) {#projects-page .cs-gallery-item:hover::before {opacity: 1;}#projects-page .cs-gallery-item::before {opacity: 0.8;}#projects-page .cs-gallery-container {position: relative;overflow: hidden;}#projects-page .cs-gallery-track {display: block;}#projects-page .cs-gallery-item {display: none;flex: none;min-width: auto;}#projects-page .cs-gallery-item.mobile-active {display: block;}.mobile-nav {display: block !important;position: absolute;top: 50%;transform: translateY(-50%);background: rgba(196, 175, 110, 0.9);color: white;border: none;border-radius: 50%;width: 50px;height: 50px;font-size: 20px;cursor: pointer;z-index: 5;transition: background 0.3s ease;-webkit-tap-highlight-color: transparent;outline: none;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}.mobile-nav:hover, .mobile-nav:active {background: var(--primary);}.mobile-nav:focus {background: rgba(196, 175, 110, 0.9);}.mobile-nav.prev {left: 10px;}.mobile-nav.next {right: 10px;}.lightbox-prev, .lightbox-next {display: block !important;padding: 15px;font-size: 20px;background: rgba(196, 175, 110, 0.8);width: 50px;height: 50px;}.lightbox-prev {left: 10px;}.lightbox-next {right: 10px;}.lightbox-close {top: 10px;right: 15px;font-size: 35px;background: rgba(0, 0, 0, 0.7);border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;line-height: 1;}.lightbox-content {padding: 40px 20px 20px 20px;}.lightbox-content img {max-width: 95%;max-height: 85vh;}}@media only screen and (min-width: 48rem) {#projects-page .cs-gallery-container {grid-template-columns: repeat(2, 1fr);gap: 2rem;}#projects-page .cs-container {gap: clamp(2rem, 4vw, 3rem);}}@media only screen and (min-width: 64rem) {#projects-page {padding-top: 1.5rem;}#projects-page .cs-gallery-container {position: relative;overflow: hidden;padding: 0 60px;display: block;grid-template-columns: none;gap: 0;}#projects-page .cs-gallery-track {display: flex;gap: 2rem;transition: transform 0.3s ease;}#projects-page .cs-gallery-item {flex: 0 0 calc(25% - 1.5rem);min-width: calc(25% - 1.5rem);display: block;}#projects-page .cs-gallery-item.mobile-active {display: block;}#projects-page .desktop-nav {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(196, 175, 110, 0.8);color: white;border: none;border-radius: 50%;width: 50px;height: 50px;font-size: 20px;cursor: pointer;z-index: 5;transition: background 0.3s ease;display: flex;align-items: center;justify-content: center;}#projects-page .desktop-nav:hover {background: var(--primary);}#projects-page .desktop-nav.prev {left: 10px;}#projects-page .desktop-nav.next {right: 10px;}.mobile-nav {display: none !important;}#projects-page .cs-container {gap: clamp(2.5rem, 5vw, 4rem);}#projects-page .cs-content:hover::after {width: 120px;}.lightbox-content {padding: 10rem 20px 40px 5rem;}.lightbox-content img {max-width: 85%;max-height: 75vh;}}@media only screen and (min-width: 81.25rem) {#projects-page .cs-gallery-container {gap: 2.5rem;}#projects-page .cs-container {gap: 4rem;}}