@media only screen and (min-width: 0rem) {#portfolio {position: relative;overflow: hidden;padding: var(--sectionPadding);margin-top: 6rem;text-align: center;}#portfolio .cs-container {margin: auto;max-width: 82.625em;width: 100%;}#portfolio .cs-topper {margin-bottom: 1rem;text-align: center;}#portfolio .cs-title {margin-bottom: 2.5rem;max-width: 38.8125rem;text-align: center;}#portfolio .cs-card-group {width: 100%;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(12, 1fr);gap: clamp(1rem, 2.3vw, 1.25rem);}#portfolio .cs-item {list-style: none;grid-column: span 12;}#portfolio .cs-link {display: flex;flex-direction: column;align-items: flex-start;height: 100%;text-decoration: none;position: relative;z-index: 1;}#portfolio .cs-button-solid {margin-top: auto;}#portfolio .cs-picture {z-index: -1;position: relative;display: block;margin: 0 0 0rem;height: clamp(12.5rem, 25vw, 16.875rem);width: 100%;overflow: hidden;transition: transform 0.65s;}#portfolio .cs-picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: contain;padding: 0 1.25rem;}}@media only screen and (min-width: 48rem) {#portfolio .cs-item {grid-column: span 6;}}@media only screen and (min-width: 64rem) {#portfolio .cs-item {grid-column: span 4;}}@media only screen and (min-width: 0rem) {body.dark-mode #gallery .cs-title {color: var(--bodyTextColorWhite);}}