body{background:#f3f3f3}.hero{position:relative;isolation:isolate;display:flex;padding-inline:26.5rem;height:min(78.8rem,78.8vh);padding-block:7rem;background:#000}.hero .container.hero-wrap{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.hero .container.hero-wrap .go-back{position:absolute;top:14.5rem;left:26.5rem;cursor:pointer}.hero .container.hero-wrap .go-back img{width:2.3rem;height:1.4rem;object-fit:contain}.hero .container.hero-wrap .headline{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.hero .container.hero-wrap .headline h2{color:#fff;font-size:6rem;font-style:normal;font-weight:300;line-height:100%;width:55.5rem}.hero .container.hero-wrap .headline .client{display:grid;align-content:start}.hero .container.hero-wrap .headline .case-type{color:#c8c8c8;font-size:2.4rem;font-weight:300;line-height:100%}.hero .container.hero-wrap .headline .client-name{color:#fff;font-size:3rem;font-weight:300;line-height:100%}.hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.5}@media (orientation: portrait){.hero{padding-inline:1.5rem;height:45.5rem;padding-block:2rem}.hero .container.hero-wrap .go-back{display:none}.hero .container.hero-wrap .headline{display:flex;justify-content:space-between;align-items:flex-end;width:fit-content}.hero .container.hero-wrap .headline h2{display:none}.hero .container.hero-wrap .headline .client{display:grid;align-content:start}.hero .container.hero-wrap .headline .case-type{font-size:1.6rem}.hero .container.hero-wrap .headline .client-name{font-size:2.4rem}}.case-study.container{display:flex;padding-inline:26.5rem;padding-block:10rem 15rem;justify-content:space-between;align-items:flex-end}.case-study.container .sidebar{width:38rem}.case-study.container .sidebar .logo-section .air-force-logo{width:22.5rem;height:18rem;object-fit:contain;margin-bottom:4rem}.case-study.container .sidebar .info-section{display:grid;gap:5.5rem}.case-study.container .sidebar .info-section .label{color:#a7a7a7;font-size:2.4rem;font-weight:400;line-height:120%}.case-study.container .sidebar .info-section .value{color:#000;font-size:2.4rem;font-weight:400;line-height:120%}.case-study.container .main-content{width:75.2rem}.case-study.container .main-content h1{color:#222;font-size:6rem;font-weight:300;line-height:120%;margin-bottom:2.5rem}.case-study.container .main-content h2{color:#222;font-size:2.2rem;font-weight:300;line-height:120%}.case-study.container .main-content p{color:#6d6d6d;font-size:1.9rem;font-weight:300;line-height:120%;margin-bottom:2.5rem}.case-study.container .main-content p:nth-last-child(1){margin-bottom:0}@media (orientation: portrait){.case-study.container{flex-direction:column;padding-inline:1.5rem;padding-block:4rem 5rem;align-items:flex-start;gap:9rem}.case-study.container .sidebar{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}.case-study.container .sidebar .logo-section .air-force-logo{width:13rem;height:10rem;margin-bottom:0rem}.case-study.container .sidebar .info-section{gap:3rem}.case-study.container .sidebar .info-section .label,.case-study.container .sidebar .info-section .value{font-size:1.2rem}.case-study.container .main-content{width:100%}.case-study.container .main-content h1{font-size:3.4rem;margin-bottom:1rem}.case-study.container .main-content h2{font-size:1.6rem;margin-bottom:1rem}.case-study.container .main-content p{font-size:1.4rem;margin-bottom:1rem}.case-study.container .main-content p:nth-last-child(1){margin-bottom:0}}.case-gallery.container{display:flex;padding-inline:26.5rem}.case-gallery.container img{aspect-ratio:1.4}@media (orientation: portrait){.case-gallery.container{padding-inline:1.5rem}}.case-features.container{display:grid;padding-inline:26.5rem;padding-block:10rem 10rem;gap:10rem}.case-features.container .feature-item{display:flex;gap:10.4rem}.case-features.container .feature-item .feature-title{color:#222;font-size:4rem;font-weight:300;line-height:120%;text-transform:lowercase;width:53rem}.case-features.container .feature-item .feature-details{width:67rem;display:grid;gap:2rem}.case-features.container .feature-item .feature-details p{color:#6d6d6d;font-size:1.9rem;font-weight:300;line-height:120%}@media (orientation: portrait){.case-features.container{padding-inline:1.5rem;padding-block:4rem;gap:6rem}.case-features.container .feature-item{flex-direction:column;gap:1rem}.case-features.container .feature-item .feature-title{font-size:1.8rem;width:25rem}.case-features.container .feature-item:nth-last-child(1) .feature-title{width:100%}.case-features.container .feature-item .feature-details{width:100%;gap:2rem}.case-features.container .feature-item .feature-details p{font-size:1.4rem}}.trench-drain-specs{display:grid;justify-items:center;gap:5rem;padding-inline:26.5rem;padding-block:7.5rem 10rem;background:#000}.trench-drain-specs .section-title{color:#fff;font-size:4rem;font-weight:300;line-height:120%;text-transform:capitalize}.trench-drain-specs .specs-container{display:flex;justify-content:space-between;align-items:center;width:100%}.trench-drain-specs .specs-container .spec-item:nth-of-type(2){max-width:23.2rem}.trench-drain-specs .specs-container .spec-item:nth-of-type(3){max-width:19.5rem}.trench-drain-specs .specs-container .spec-item:nth-of-type(5){max-width:17.8rem}.trench-drain-specs .specs-container .spec-item img{width:14.5rem;height:14.5rem;object-fit:contain;margin-bottom:3rem}.trench-drain-specs .specs-container .spec-item .spec-wrap{display:grid;gap:2rem}.trench-drain-specs .specs-container .spec-item .spec-label{color:#fff;font-size:2.2rem;font-weight:300;line-height:120%;text-transform:capitalize}.trench-drain-specs .specs-container .spec-item .spec-value{color:#d7d7d7;font-size:1.9rem;font-weight:300;line-height:120%}@media (orientation: portrait){.trench-drain-specs{gap:3.5rem;padding-inline:2rem;padding-block:5.5rem}.trench-drain-specs .section-title{font-size:2.4rem;text-align:center}.trench-drain-specs .specs-container{display:grid;grid-template-columns:auto auto;justify-content:space-between;row-gap:6rem;max-width:35rem}.trench-drain-specs .specs-container .spec-item{width:14.7rem}.trench-drain-specs .specs-container .spec-item:nth-of-type(2),.trench-drain-specs .specs-container .spec-item:nth-of-type(3),.trench-drain-specs .specs-container .spec-item:nth-of-type(5){max-width:100%}.trench-drain-specs .specs-container .spec-item img{width:11.2rem;height:11.2rem;margin-bottom:2rem}.trench-drain-specs .specs-container .spec-item .spec-wrap{gap:.5rem}.trench-drain-specs .specs-container .spec-item .spec-label{font-size:1.4rem}.trench-drain-specs .specs-container .spec-item .spec-value{font-size:1.2rem}}.benefits-impact.container{display:flex;justify-content:space-between;padding-inline:26.5rem;padding-block:10rem 7rem}.benefits-impact.container .benefits-intro{width:42.5rem}.benefits-impact.container .benefits-intro .section-title{color:#222;font-size:4rem;font-weight:300;line-height:120%;text-transform:capitalize;margin-bottom:2.5rem}.benefits-impact.container .benefits-intro .section-description{color:#6d6d6d;font-size:1.9rem;font-weight:300;line-height:120%}.benefits-impact.container .benefits-grid{display:grid;grid-template-columns:repeat(2,38rem);gap:2rem}.benefits-impact.container .benefits-grid .benefit-card{position:relative;padding:2.5rem 2rem;border-radius:1.8rem;background-image:url(/src/assets/images/commercial/bg-card.webp);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:27.5rem}.benefits-impact.container .benefits-grid .benefit-card .card-icon{width:5rem;height:5rem;margin-bottom:2rem;background:#000;border-radius:100%;display:flex;justify-content:center;align-items:center}.benefits-impact.container .benefits-grid .benefit-card .card-icon img{object-fit:contain;width:2.3rem;height:2.3rem}.benefits-impact.container .benefits-grid .benefit-card .card-title{color:#222;font-size:2.2rem;font-weight:500;line-height:120%;margin-bottom:1rem}.benefits-impact.container .benefits-grid .benefit-card .card-description{color:#6d6d6d;font-size:1.7rem;font-weight:300;line-height:120%}@media (orientation: portrait){.benefits-impact.container{flex-direction:column;padding-inline:1.5rem;padding-block:3.5rem;gap:8rem}.benefits-impact.container .benefits-intro{width:90%}.benefits-impact.container .benefits-intro .section-title{font-size:2.4rem;margin-bottom:1rem}.benefits-impact.container .benefits-intro .section-description{font-size:1.4rem}.benefits-impact.container .benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;max-width:37rem;margin-inline:auto}.benefits-impact.container .benefits-grid .benefit-card{position:relative;padding:1.5rem;border-radius:1rem;background-image:url(/src/assets/images/commercial/bg-card.webp);min-height:21rem}.benefits-impact.container .benefits-grid .benefit-card .card-icon{width:3rem;height:3rem}.benefits-impact.container .benefits-grid .benefit-card .card-icon img{width:1rem;height:1rem}.benefits-impact.container .benefits-grid .benefit-card .card-title{color:#373737;font-size:1.2rem}.benefits-impact.container .benefits-grid .benefit-card .card-description{font-size:1.2rem}}.conclusion-section{display:block;padding-inline:26.5rem;padding-block:10rem 10rem;background:#fff}.conclusion-section .container .grid-wrap{display:flex;width:100%;justify-content:space-between}.conclusion-section .container .grid-wrap .conclusion-title{color:#222;font-size:6rem;font-weight:300;line-height:120%;text-transform:capitalize}.conclusion-section .container .grid-wrap .conclusion-content{display:grid;gap:2rem;width:74.8rem}.conclusion-section .container .grid-wrap p{color:#6d6d6d;font-size:1.9rem;font-style:normal;font-weight:300;line-height:120%}@media (orientation: portrait){.conclusion-section{padding-inline:1.5rem;padding-block:4rem}.conclusion-section .container .grid-wrap{flex-direction:column;justify-content:space-between;gap:1.7rem}.conclusion-section .container .grid-wrap .conclusion-title{font-size:3.4rem}.conclusion-section .container .grid-wrap .conclusion-content{display:grid;gap:1.5rem;width:100%}.conclusion-section .container .grid-wrap p{font-size:1.4rem}}.more-projects.container{display:grid;width:100%;padding-inline:26.5rem;padding-block:10rem 10rem;gap:3rem}.more-projects.container .projects-header{display:flex;justify-content:space-between;align-items:center}.more-projects.container .projects-header h3{color:#000;font-size:4rem;font-weight:300;line-height:100%}.cases{display:grid;grid-template-columns:1fr 1fr;gap:3rem 4rem}.case{position:relative}.case-image{width:100%;aspect-ratio:1.4}.case .img-wrap{overflow:hidden}.case h3{color:#000;font-size:2.4rem;font-weight:300;line-height:100%;margin-top:1.5rem}.case span:nth-last-child(1){color:#6d6d6d;text-align:center;font-size:1.8rem;font-weight:300;line-height:100%;margin-top:1rem;display:inline-block}.view-project{position:absolute;top:50%;left:50%;width:16rem;height:16rem;border-radius:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--ease);will-change:transform}.view-project span{color:#000;text-align:center;font-size:1.7rem;font-weight:300;line-height:100%;margin-top:1rem}.view-project img{width:1.4rem;height:1.4rem;object-fit:contain}@media (hover: hover) and (pointer: fine){.case:hover .view-project{transform:translate(-50%,-50%) scale(1)}.case-filters .case-filters__ul .case-filters__li:hover{opacity:.5}}@media (orientation: portrait){.more-projects.container{display:grid;padding-inline:1.5rem;padding-block:8rem;gap:3rem}.more-projects.container .projects-header h3{font-size:2.4rem}.section-main{padding-inline:1.5rem;padding-block:12rem 7.5rem}section.hero{margin-bottom:3rem}.hero h2{font-size:4rem}.headline{display:flex;flex-direction:column;align-items:flex-start;gap:5rem}.case-filters{width:100%;max-width:36rem}.case-filters .case-filters__top{gap:2.7rem;padding-inline:2.3rem .8rem;border-radius:5rem;padding-block:.8rem}.case-filters .case-filters__top .case-filters__icon{width:1.5rem;height:1.2rem}.case-filters .case-filters__top .case-filters__span{font-size:1.4rem}.case-filters .case-filters__top .case-filters__cross{width:3rem;height:3rem}.case-filters .case-filters__ul{top:.5rem;border-radius:2.5rem;padding-top:4rem}.case-filters .case-filters__ul .case-filters__li{font-size:1.4em;padding:1.8rem 2.3rem}.cases{display:grid;gap:2.7rem 1.4rem}.case{position:relative}.case h3{font-size:1.2rem;margin-top:.4rem}.case span:nth-last-child(1){font-size:1.2rem;margin-top:.4rem}.view-project{display:none}}[data-fade-element]{opacity:0}