#banner-310 .cs-background:before{background:rgba(0,0,0,.58);opacity:1}#portfolio-intro{background:#fff;padding:4rem 1rem;text-align:center}#portfolio-intro .cs-container{margin:0 auto;max-width:80rem;width:100%}#portfolio-intro .cs-topper{display:block;margin-bottom:.5rem}#portfolio-intro .cs-title{margin-bottom:1rem}#portfolio-intro .cs-text{color:#4b5563;margin:0 auto;max-width:42.5rem}.portfolio-project-wrapper{padding:4rem 1rem}.portfolio-project-wrapper:nth-child(odd){background:#fff}.portfolio-project-wrapper:nth-child(2n){background:#f7f7f7}.portfolio-project{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:80rem;width:100%}.portfolio-project-images{width:100%}.portfolio-image-single img{border-radius:.5rem;display:block;height:26.25rem;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-before-after,.portfolio-image-row{display:grid;gap:.5rem;grid-template-columns:1fr}.portfolio-image-wrapper{border-radius:.375rem;overflow:hidden;position:relative}.portfolio-image-wrapper img{display:block;height:13.75rem;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.portfolio-image-wrapper:hover img{transform:scale(1.04)}.portfolio-image-label{border-radius:.25rem;bottom:.5rem;color:#fff;font-size:.6875rem;font-weight:700;left:.5rem;letter-spacing:.06em;padding:.1875rem .625rem;position:absolute;text-transform:uppercase}.portfolio-image-label.label-before{background:#1a1a2e}.portfolio-image-label.label-during{background:#d97706}.portfolio-image-label.label-after{background:#16a34a}.portfolio-image-label.label-finished{background:var(--primary)}.portfolio-image-label.label-action{background:#c2410c}.portfolio-image-label.label-closeup{background:#6d28d9}.portfolio-category-badge.badge-specialty{background:rgba(109,40,217,.1);color:#6d28d9}.portfolio-category-badge.badge-flooring{background:rgba(120,80,40,.12);color:#78502a}.portfolio-category-badge.badge-exterior{background:rgba(234,88,12,.1);color:#ea580c}.portfolio-category-badge.badge-renovations{background:rgba(22,163,74,.1);color:#16a34a}.portfolio-category-badge.badge-commercial{background:rgba(30,41,59,.08);color:#1e293b}.portfolio-project-content{display:flex;flex-direction:column;gap:1rem}.portfolio-project-content h2{color:#1a1a2e;font-size:clamp(1.35rem,2.5vw,1.875rem);font-weight:700;line-height:1.25;margin:0}.portfolio-project-content p{color:#4b5563;line-height:1.7;margin:0}.portfolio-project-content .portfolio-location{color:var(--primary);font-size:.875rem;font-weight:600;letter-spacing:.02em;margin:0}.portfolio-category-badge{background:rgba(36,87,197,.1);border-radius:1.25rem;color:var(--primary);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.portfolio-details{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.portfolio-details li{align-items:flex-start;color:#374151;display:flex;font-size:.9375rem;gap:.5rem;line-height:1.5}.portfolio-details li:before{color:var(--primary);content:"\2713";flex-shrink:0;font-weight:700;margin-top:.0625rem}#portfolio-coming-soon{background:#fff;padding:4rem 1rem;text-align:center}#portfolio-coming-soon .cs-container{margin:0 auto;max-width:48.75rem;width:100%}#portfolio-coming-soon .coming-soon-card{border:2px dashed #d1d5db;border-radius:.75rem;padding:3rem 2rem}#portfolio-coming-soon .coming-soon-card h2{color:#1a1a2e;font-size:clamp(1.4rem,2.5vw,1.875rem);margin:0 0 1rem}#portfolio-coming-soon .coming-soon-card p{color:#4b5563;line-height:1.7;margin:0 auto 2rem;max-width:35rem}@media only screen and (min-width:37.5em){.portfolio-image-row{grid-template-columns:1fr 1fr 1fr}.portfolio-before-after{grid-template-columns:1fr 1fr}.portfolio-image-wrapper img{height:16.25rem}}@media only screen and (min-width:56.25em){.portfolio-project{align-items:flex-start;flex-direction:row;gap:4rem}.portfolio-project .portfolio-project-images{flex:1 1 55%}.portfolio-project .portfolio-project-content{flex:1 1 40%;padding-top:.5rem}.portfolio-project--reverse{flex-direction:row-reverse}.portfolio-image-wrapper img{height:15rem}.portfolio-image-single img{height:28.75rem}}