@media only screen and (min-width: 0rem) {#portfolio-grid {padding: var(--sectionPadding);position: relative;}#portfolio-grid .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2rem, 4vw, 3rem);}#portfolio-grid .cs-content {text-align: center;width: 100%;display: flex;flex-direction: column;align-items: center;}#portfolio-grid .cs-portfolio-grid {width: 100%;display: grid;grid-template-columns: 1fr;gap: clamp(1.5rem, 3vw, 2rem);}}@media only screen and (min-width: 37.5rem) {#portfolio-grid .cs-portfolio-grid {grid-template-columns: repeat(2, 1fr);}}@media only screen and (min-width: 64rem) {#portfolio-grid .cs-portfolio-grid {grid-template-columns: repeat(3, 1fr);}}@media only screen and (min-width: 0rem) {.cs-portfolio-card {background: #fff;border-radius: 0.75rem;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;}.cs-portfolio-card:hover {transform: translateY(-6px);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);}.cs-portfolio-card:hover .cs-portfolio-cta img {transform: translateX(4px);}.cs-portfolio-link {display: block;text-decoration: none;color: inherit;}.cs-portfolio-images {position: relative;aspect-ratio: 16/10;background: linear-gradient(145deg, #e8e0d9 0%, #f7efe8 50%, #fff9f8 100%);overflow: hidden;display: flex;justify-content: center;align-items: center;padding: 1rem;}.cs-portfolio-mockup {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}.cs-portfolio-mockup img {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;}.cs-portfolio-content {padding: clamp(1rem, 3vw, 1.5rem);}.cs-portfolio-industry {font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--primary);opacity: 0.6;display: block;margin-bottom: 0.25rem;}.cs-portfolio-title {font-size: clamp(1.25rem, 2vw, 1.5rem);font-weight: 700;line-height: 1.3em;margin: 0 0 0.5rem 0;color: var(--headerColor);}.cs-portfolio-description {font-size: 0.9375rem;line-height: 1.6em;color: var(--bodyTextColor);margin: 0 0 1rem 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.cs-portfolio-cta {display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;font-weight: 600;color: var(--primary);}.cs-portfolio-cta img {width: 1rem;height: 1rem;transition: transform 0.3s ease;}}@media only screen and (min-width: 37.5rem) {.cs-portfolio-images {aspect-ratio: 16/9;}}@media only screen and (min-width: 0rem) {.cs-filter-group {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin-bottom: clamp(1rem, 2vw, 1.5rem);}.cs-filter-btn {font-size: 0.875rem;font-weight: 600;padding: 0.5rem 1rem;background: transparent;border: 2px solid var(--primary);border-radius: 0.25rem;color: var(--primary);cursor: pointer;transition: all 0.3s ease;}.cs-filter-btn:hover, .cs-filter-btn.cs-active {background: var(--primary);color: var(--secondary);}.cs-portfolio-card.cs-hidden {display: none;}}