.feature-303.bg-electric-blue{background-color:#2c3cbb !important;}.feature-303.bg-black{background-color:#000000 !important;}.feature-303.bg-white{background-color:#ffffff !important;}.feature-303.bg-oatmeal{background-color:#e7e4df !important;}.feature-303.bg-forged-steel{background-color:#3a352e !important;}.feature-303.text-white{color:#ffffff;} .feature-303.text-white h1,.feature-303.text-white h2,.feature-303.text-white h3,.feature-303.text-white h4,.feature-303.text-white h5,.feature-303.text-white h6,.feature-303.text-white p,.feature-303.text-white li,.feature-303.text-white span{color:#ffffff;}.feature-303.text-black{color:#000000;} .feature-303.text-black h1,.feature-303.text-black h2,.feature-303.text-black h3,.feature-303.text-black h4,.feature-303.text-black h5,.feature-303.text-black h6,.feature-303.text-black p,.feature-303.text-black li,.feature-303.text-black span{color:#000000;}.feature-303.text-oatmeal{color:#e7e4df;} .feature-303.text-oatmeal h1,.feature-303.text-oatmeal h2,.feature-303.text-oatmeal h3,.feature-303.text-oatmeal h4,.feature-303.text-oatmeal h5,.feature-303.text-oatmeal h6,.feature-303.text-oatmeal p,.feature-303.text-oatmeal li,.feature-303.text-oatmeal span{color:#e7e4df;}.feature-303.text-forged-steel{color:#3a352e;} .feature-303.text-forged-steel h1,.feature-303.text-forged-steel h2,.feature-303.text-forged-steel h3,.feature-303.text-forged-steel h4,.feature-303.text-forged-steel h5,.feature-303.text-forged-steel h6,.feature-303.text-forged-steel p,.feature-303.text-forged-steel li,.feature-303.text-forged-steel span{color:#3a352e;}.tk-ballinger{font-family:"ballinger",sans-serif;}.tk-ballinger-mono{font-family:"ballinger-mono",sans-serif;}.tk-proxima-nova-wide{font-family:"proxima-nova-wide",sans-serif;}body,html{font-size:62.5%;font-family:"ballinger",sans-serif;}h1,h2.h1,h2,h3,h2.h3,h4,h2.h4,h5,h2.h5,h6,h2.h6{font-family:"proxima-nova-wide",sans-serif;margin:0;padding:0;font-weight:normal;line-height:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;margin-bottom:0.8rem;}.green-important{color:#8FFF3E !important;}a{text-decoration:none;color:inherit;}p,li{font-size:1.6rem;margin-top:0;margin-bottom:1.2rem;display:block;} @media (max-width:700px){p,li{display:block;}} p a:not(.btn),li a:not(.btn){text-decoration:underline;}.display{font-family:"ballinger-mono",sans-serif;font-size:clamp(5rem,4vw,6.4rem);font-style:normal;font-weight:400;font-stretch:normal;letter-spacing:-2.5px;color:#000;line-height:68px;text-align:left;}.overline{font-family:"ballinger-mono",sans-serif;font-size:1.4rem;font-style:normal;font-weight:500;line-height:2rem;letter-spacing:var(--Typography-Misc-Overline-Tracking,1.5px);text-transform:uppercase;}.feature-number{font-size:4rem;font-style:normal;font-weight:400;line-height:1;/* 0% */ letter-spacing:var(--Typography-Misc-Feature-number-Tracking,-1px);text-transform:uppercase;}.b1regular{font-size:1.8rem;font-style:normal;font-stretch:normal;letter-spacing:0px;font-weight:400;}.b1medium{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.8rem;font-weight:500;}.b1semibold{font-size:1.8rem;font-style:normal;font-weight:700;line-height:2.4rem;/* 133.333% */ letter-spacing:var(--Typography-Body-B1-Tracking,0);text-transform:uppercase;}.b1underline{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.8rem;text-decoration:underline;}.b2regular,li{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.6rem;font-weight:400;}.b2medium{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.6rem;font-weight:500;}.b2underline{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.6rem;text-decoration:underline;}.b3regular{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.4rem;font-weight:400;}.b3semibold{font-family:"proxima-nova-wide",sans-serif;font-size:var(--Typography-Body-B3-Size,14px);font-style:normal;font-weight:600;line-height:var(--Typography-Body-B3-Line-Height,20px);/* 142.857% */ letter-spacing:var(--Typography-Body-B3-Tracking,0);text-transform:uppercase;}.b3medium{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.4rem;font-weight:500;}.b3underline{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.4rem;text-decoration:underline;}.b4regular{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.2rem;font-weight:400;}.b4medium{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.2rem;font-weight:500;}.b4underline{font-style:normal;font-stretch:normal;letter-spacing:0px;font-size:1.2rem;text-decoration:underline;}.regular{font-weight:400 !important;}.semibold{font-weight:600 !important;}.medium{font-weight:500 !important;}.actor{font-family:"Actor",sans-serif !important;}.proxima{font-family:"proxima-nova-wide",sans-serif !important;}.mono{font-family:"ballinger-mono",sans-serif !important;}.ballinger{font-family:"ballinger",sans-serif !important;}.underline{text-decoration:underline;}.italic{font-style:italic;}.center{text-align:center;}.right{text-align:right;}.left{text-align:left;}h1,h2.h1{font-size:clamp(3.6rem,3.25vw,5.2rem);line-height:clamp(3.6rem,3.5vw,5.6rem);font-style:normal;font-weight:600;font-stretch:normal;letter-spacing:-0.15rem;}h2{font-size:clamp(3.2rem,3vw,4.8rem);line-height:clamp(3.2rem,3.25vw,5.2rem);font-style:normal;font-weight:600;font-stretch:normal;letter-spacing:-0.1rem;}h3,h2.h3{font-size:clamp(2.8rem,2.625vw,4.2rem);line-height:clamp(2.8rem,2.875vw,4.6rem);font-style:normal;font-weight:600;font-stretch:normal;letter-spacing:0rem;}h4,h2.h4{font-size:clamp(2.4rem,2.25vw,3.6rem);line-height:clamp(2.4rem,2.625vw,4.2rem);font-style:normal;font-weight:600;font-stretch:normal;letter-spacing:-0.2rem;}h5,h2.h5{font-size:clamp(2rem,1.75vw,2.8rem);line-height:clamp(2.4rem,2.125vw,3.4rem);font-style:normal;font-weight:600;font-stretch:normal;letter-spacing:-0.1rem;}h6,h2.h6{font-size:clamp(1.6rem,1.375vw,2.2rem);line-height:clamp(1.8rem,1.625vw,2.6rem);font-style:normal;font-weight:600;font-stretch:normal;letter-spacing:0rem;}.feature-303 .header-grid .header-content{grid-column:span 8;} @media (max-width:700px){.feature-303 .header-grid .header-content{grid-column:span 13;}}.feature-303 .blocks-grid{padding:clamp(1.6rem,1.5vw,2.4rem);border-left:1px solid #8FFF3E;border-right:1px solid #8FFF3E;position:relative;display:flex;gap:1.6rem;margin-top:clamp(3.2rem,5vw,8rem);} @media (max-width:700px){.feature-303 .blocks-grid{flex-wrap:wrap;}} .feature-303 .blocks-grid:before,.feature-303 .blocks-grid:after{content:'';position:absolute;width:200vw;left:-100vw;background-color:#8FFF3E;height:1px;} .feature-303 .blocks-grid:before{top:0;} .feature-303 .blocks-grid:after{bottom:0;} .feature-303 .blocks-grid .feature-303-block-wrapper{width:33.3333%;aspect-ratio:353 / 496;perspective:1000px;isolation:isolate;overflow:hidden;} @media (max-width:700px){.feature-303 .blocks-grid .feature-303-block-wrapper{width:100%;}} .feature-303 .blocks-grid .feature-303-block{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 0.6s ease;transform:translateZ(0);will-change:transform;} .feature-303 .blocks-grid .feature-303-block-wrapper:hover .feature-303-block{transform:rotateY(180deg) translateZ(0);} .feature-303 .blocks-grid .feature-303-block .card-front,.feature-303 .blocks-grid .feature-303-block .card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:2.4rem 1.6rem;} .feature-303 .blocks-grid .feature-303-block .card-front{z-index:2;transform:rotateY(0deg);} .feature-303 .blocks-grid .feature-303-block .card-front .title-container{position:relative;z-index:2;} .feature-303 .blocks-grid .feature-303-block .card-front .title-container > *:not(:first-child){display:none;} .feature-303 .blocks-grid .feature-303-block .card-front .title-container h1,.feature-303 .blocks-grid .feature-303-block .card-front .title-container h2,.feature-303 .blocks-grid .feature-303-block .card-front .title-container h3,.feature-303 .blocks-grid .feature-303-block .card-front .title-container h4,.feature-303 .blocks-grid .feature-303-block .card-front .title-container h5,.feature-303 .blocks-grid .feature-303-block .card-front .title-container h6{margin:0;font-family:"ballinger-mono",sans-serif;font-size:clamp(1.6rem,1.375vw,2.2rem);line-height:clamp(1.8rem,1.625vw,2.6rem);font-weight:600;letter-spacing:0rem;} .feature-303 .blocks-grid .feature-303-block .card-front:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);z-index:1;} .feature-303 .blocks-grid .feature-303-block .card-back{transform:rotateY(180deg);z-index:1;justify-content:flex-start;} .feature-303 .blocks-grid .feature-303-block .card-back .content-container{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-start;} .feature-303 .blocks-grid .feature-303-block .card-back .content-container p{font-weight:400;} .feature-303 .blocks-grid .feature-303-block .card-back .content-container h1,.feature-303 .blocks-grid .feature-303-block .card-back .content-container h2,.feature-303 .blocks-grid .feature-303-block .card-back .content-container h3,.feature-303 .blocks-grid .feature-303-block .card-back .content-container h4,.feature-303 .blocks-grid .feature-303-block .card-back .content-container h5,.feature-303 .blocks-grid .feature-303-block .card-back .content-container h6{margin:0 0 1.6rem 0;font-family:"ballinger-mono",sans-serif;font-size:clamp(1.6rem,1.375vw,2.2rem);line-height:clamp(1.8rem,1.625vw,2.6rem);font-weight:600;letter-spacing:0rem;} .feature-303 .blocks-grid .feature-303-block .card-back .content-container ul{list-style:none;padding:0;margin:0 0 2.4rem 0;} .feature-303 .blocks-grid .feature-303-block .card-back .content-container ul li{position:relative;padding-left:3.2rem;margin-bottom:1.2rem;font-size:1.6rem;line-height:2.4rem;} .feature-303 .blocks-grid .feature-303-block .card-back .content-container ul li:before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background-image:url("../../assets/imgs/checkmark.svg");background-size:contain;background-repeat:no-repeat;background-position:center;} .feature-303 .blocks-grid .feature-303-block .card-back .btn{position:relative;z-index:2;align-self:stretch;width:100%;margin-top:auto;} .feature-303 .blocks-grid .feature-303-block .card-back:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.3) 100%);z-index:1;} .feature-303 .blocks-grid .feature-303-block .card-back .bg-image{filter:blur(12px);transform:scale(1.1);}section.feature-303.border-electric-blue{border-color:var(--hpe1-electric-blue,#2ad2c9)!important}section.feature-303.border-black{border-color:var(--hpe1-black,#000)!important}section.feature-303.border-white{border-color:var(--hpe1-white,#fff)!important}section.feature-303.border-oatmeal{border-color:var(--hpe1-oatmeal,#f3efe7)!important}section.feature-303.border-forged-steel{border-color:var(--background-secondary,#3a352e)!important}section.feature-303.border-electric-green{border-color:var(--hpe1-green-lime,#8fff3e)!important}