#hero{align-items:center;background-color:var(--light-grey);display:flex;min-height:100vh;overflow:hidden;position:relative}#hero:before{background-image:url(../images/hero-bg.jpg);background-position:50%;background-size:cover;content:"";height:100%;left:0;mix-blend-mode:multiply;opacity:.15;position:absolute;top:0;width:100%;z-index:0}.cs-hero-content{text-align:left}.cs-hero-title{color:var(--black);font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:1.5rem}.cs-hero-title span{color:var(--primary);display:block}.cs-hero-text{border-left:4px solid var(--primary);color:var(--steel-light);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:700;letter-spacing:.05em;margin:0 0 2.5rem;max-width:35rem;padding-left:1rem;text-transform:uppercase}.cs-hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}#services-preview{border-bottom:2px dashed var(--silver-light);border-top:2px dashed var(--silver-light)}.cs-section-title{color:var(--black);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;text-align:center}.cs-section-title span{color:var(--primary)}.cs-section-text{margin:0 auto 3rem;max-width:40rem;text-align:center}.cs-services-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:3rem}@media (min-width:48rem){.cs-services-grid{grid-template-columns:repeat(3,1fr)}}.cs-service-card{background-color:var(--white);border:2px solid var(--light-grey);border-top:4px solid var(--primary);overflow:hidden;padding:2rem;position:relative;transition:transform .3s,box-shadow .3s}.cs-service-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.05);transform:translateY(-10px)}.cs-service-card:after{background-color:var(--primary);bottom:0;clip-path:polygon(100% 0,100% 100%,0 100%);content:"";height:50px;opacity:.2;position:absolute;right:0;width:50px}.cs-service-title{font-size:2rem;margin-bottom:1rem}.cs-service-text{margin-bottom:2rem}#before-after{background-color:var(--steel)}.cs-compare-wrapper{aspect-ratio:16/9;background-color:var(--black);border:4px solid var(--black);box-shadow:10px 10px 0 var(--primary);margin:0 auto;max-width:60rem;overflow:hidden;position:relative;width:100%}.cs-compare-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.cs-compare-after{z-index:1}.cs-compare-before{overflow:hidden;width:50%;z-index:2}.cs-compare-before img{height:100%;max-width:60rem;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;width:100vw}.cs-compare-slider{background-color:var(--white);height:100%;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:4px;z-index:3}.cs-compare-handle{align-items:center;background-color:var(--primary);border:3px solid var(--white);border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:ew-resize;display:flex;height:40px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.cs-compare-handle:after,.cs-compare-handle:before{border-style:solid;content:"";height:0;width:0}.cs-compare-handle:before{border-color:transparent var(--white) transparent transparent;border-width:6px 8px 6px 0;margin-right:4px}.cs-compare-handle:after{border-color:transparent transparent transparent var(--white);border-width:6px 0 6px 8px;margin-left:4px}.cs-compare-labels{display:flex;justify-content:space-between;left:0;padding:0 1rem;pointer-events:none;position:absolute;top:1rem;width:100%;z-index:4}.cs-compare-labels .cs-label{background-color:var(--black);border:2px solid var(--primary);color:var(--white);font-family:var(--font-heading);font-size:1.25rem;padding:.25rem 1rem;text-transform:uppercase}#cta{background-color:var(--primary);color:var(--black);overflow:hidden;position:relative;text-align:center}#cta:before{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');content:"";height:100%;left:0;opacity:.15;pointer-events:none;position:absolute;top:0;width:100%}.cs-cta-title{color:var(--black);font-size:clamp(3rem,6vw,5rem)}.cs-cta-text{color:var(--black);font-size:1.25rem;font-weight:700;margin-bottom:2rem}.cs-cta-button{background-color:var(--black);color:var(--white)}.cs-cta-button:hover{background-color:var(--white);color:var(--black)}