@media only screen and (min-width:0rem){.cs-portfolio-block+.cs-portfolio-block{padding-top:0}.cs-portfolio-block{overflow:hidden;padding:var(--sectionPadding);position:relative}.cs-portfolio-block .cs-container{align-items:center;display:flex;flex-direction:column;gap:clamp(3rem,6vw,4rem);margin:auto;max-width:90rem;width:100%}.cs-portfolio-block .cs-content{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.cs-portfolio-block .cs-portfolio-link{color:var(--primary);display:inline-block;font-family:var(--headerFont);font-size:clamp(1rem,1.6vw,1.125rem);font-weight:700;margin-top:1rem;text-decoration:underline;text-underline-offset:4px;transition:color .3s,letter-spacing .3s}.cs-portfolio-block .cs-portfolio-link:hover{color:var(--headerColor);letter-spacing:.02em}.cs-portfolio-block .cs-image-group{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,1.5vw,1.25rem);margin:0;padding:0;width:100%}.cs-portfolio-block .cs-item{aspect-ratio:1;display:block;height:100%;margin:0;position:relative;width:100%}.cs-portfolio-block .cs-item:hover .cs-hover-box{opacity:1}.cs-portfolio-block .cs-item:hover .cs-icon{transform:rotateY(0)}.cs-portfolio-block .cs-item:hover .cs-h3,.cs-portfolio-block .cs-item:hover .cs-hover-box-text{opacity:1;transform:translateY(0)}.cs-portfolio-block .cs-picture{display:block;height:100%;margin:auto;position:relative;width:100%}.cs-portfolio-block .cs-picture img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.cs-portfolio-block .cs-button-solid{background-color:#1a1a1a;border-radius:0;box-sizing:border-box;color:#fff;display:inline-block;font-size:1rem;font-weight:700;line-height:clamp(2.875rem,5.5vw,3.5rem);margin:0;min-width:9.375rem;padding:0 1.5rem;position:relative;text-align:center;text-decoration:none;z-index:1}.cs-portfolio-block .cs-button-solid:before{background:#fff;border-radius:0;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:width .3s;width:0;z-index:-1}.cs-portfolio-block .cs-button-solid:hover{color:#1a1a1a}.cs-portfolio-block .cs-button-solid:hover:before{width:100%}.cs-portfolio-block .cs-tree{bottom:0;height:auto;left:0;pointer-events:none;position:absolute;width:18.625rem;z-index:-1}}@media only screen and (min-width:37.5rem){.cs-portfolio-block .cs-image-group{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr}.cs-portfolio-block .cs-item{grid-column:span 6}}@media only screen and (min-width:48rem){.cs-portfolio-block .cs-item{grid-column:span 4}}