:root{--screens-primary:#67442e;--screens-secondary:#a5a8a8;--poolperf-primary:#00b9c6;--poolperf-secondary:#053054;--screens-primary-rgb:103,68,46;--screens-secondary-rgb:165,168,168;--fs-1:calc(1.375rem + 1.5vw);--fs-2:calc(1.325rem + 0.9vw);--fs-3:calc(1.3rem + 0.6vw);--fs-4:calc(1.275rem + 0.3vw);--fs-5:1.25rem;--fs-6:1rem;--fs-7:0.8rem;--fs-8:0.7rem}body{display:flex;flex-direction:column;height:100dvh}.btn,body{font-family:serif}main{display:flex;flex-grow:1;flex-direction:column}.hero-section{text-wrap:balance}#section1{height:clamp(30vw,56.25vw,100dvh - 70px - 236px)}#section1 video.hide-controls::-webkit-media-controls{display:none}.max-dvh-100{max-height:100dvh}.max-dvh-50{max-height:50dvh}.design-your-balustrade-section{background-color:#f2f2f2}section{padding:1rem}ol.steps{list-style-type:none;counter-reset:step-counter}ol.steps li{counter-increment:step-counter;margin:1em 0}ol.steps li::before{content:'Step ' counter(step-counter) ': ';font-weight:700;color:#0078d4;margin-right:.5em}.fs-7{font-size:.8rem}.fs-8{font-size:.7rem}.navbar-brand{line-height:1}.text-screens-primary{color:var(--screens-primary)}.text-poolperf-primary{color:var(--poolperf-primary)}.text-screens-secondary{color:var(--screens-secondary)}.text-poolperf-secondary{color:var(--poolperf-secondary)}.bg-screens-primary{background-color:var(--screens-primary)}.bg-screens-secondary{background-color:var(--screens-secondary)}.bg-poolperf-primary{background-color:var(--poolperf-primary)}.bg-poolperf-secondary{background-color:var(--poolperf-secondary)}.navbar-toggler{border:0}@media (min-width:0){.fs-xs-1{font-size:var(--fs-1)!important}.fs-xs-2{font-size:var(--fs-2)!important}.fs-xs-3{font-size:var(--fs-3)!important}.fs-xs-4{font-size:var(--fs-4)!important}.fs-xs-5{font-size:var(--fs-5)!important}.fs-xs-6{font-size:var(--fs-6)!important}.fs-xs-7{font-size:var(--fs-7)!important}.fs-xs-8{font-size:var(--fs-8)!important}}@media (min-width:576px){.fs-sm-1{font-size:var(--fs-1)!important}.fs-sm-2{font-size:var(--fs-2)!important}.fs-sm-3{font-size:var(--fs-3)!important}.fs-sm-4{font-size:var(--fs-4)!important}.fs-sm-5{font-size:var(--fs-5)!important}.fs-sm-6{font-size:var(--fs-6)!important}.fs-sm-7{font-size:var(--fs-7)!important}.fs-sm-8{font-size:var(--fs-8)!important}}@media (min-width:768px){.fs-md-1{font-size:var(--fs-1)!important}.fs-md-2{font-size:var(--fs-2)!important}.fs-md-3{font-size:var(--fs-3)!important}.fs-md-4{font-size:var(--fs-4)!important}.fs-md-5{font-size:var(--fs-5)!important}.fs-md-6{font-size:var(--fs-6)!important}.fs-md-7{font-size:var(--fs-7)!important}.fs-md-8{font-size:var(--fs-8)!important}}@media (min-width:992px){.fs-lg-1{font-size:var(--fs-1)!important}.fs-lg-2{font-size:var(--fs-2)!important}.fs-lg-3{font-size:var(--fs-3)!important}.fs-lg-4{font-size:var(--fs-4)!important}.fs-lg-5{font-size:var(--fs-5)!important}.fs-lg-6{font-size:var(--fs-6)!important}.fs-lg-7{font-size:var(--fs-7)!important}.fs-lg-8{font-size:var(--fs-8)!important}}@media (min-width:1200px){.fs-xl-1{font-size:var(--fs-1)!important}.fs-xl-2{font-size:var(--fs-2)!important}.fs-xl-3{font-size:var(--fs-3)!important}.fs-xl-4{font-size:var(--fs-4)!important}.fs-xl-5{font-size:var(--fs-5)!important}.fs-xl-6{font-size:var(--fs-6)!important}.fs-xl-7{font-size:var(--fs-7)!important}.fs-xl-8{font-size:var(--fs-8)!important}}@media (min-width:1400px){.fs-xxl-1{font-size:var(--fs-1)!important}.fs-xxl-2{font-size:var(--fs-2)!important}.fs-xxl-3{font-size:var(--fs-3)!important}.fs-xxl-4{font-size:var(--fs-4)!important}.fs-xxl-5{font-size:var(--fs-5)!important}.fs-xxl-6{font-size:var(--fs-6)!important}.fs-xxl-7{font-size:var(--fs-7)!important}.fs-xxl-8{font-size:var(--fs-8)!important}}