section.section.section--value-prop{background-color:#000;padding:4.5rem 1.25rem}@media screen and (min-width:991px){section.section.section--value-prop{padding:6.4375rem 2.4375rem}}.aaon.value-prop header.l-title{max-width:unset}.aaon.value-prop header.l-title h3,.aaon.value-prop header.l-title h4{color:#f9f8f7}.aaon.value-prop .value-prop__wrapper{align-items:start;display:grid;gap:2.0625rem;padding-top:6.375rem}@media screen and (min-width:768px){.aaon.value-prop .value-prop__wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1320px){.aaon.value-prop .value-prop__wrapper{grid-template-columns:repeat(4,1fr)}}.aaon.value-prop .value-prop__wrapper .value-prop__item{align-self:start;display:inline-grid;max-height:auto;min-height:27.1875rem}@media screen and (min-width:1540px){.aaon.value-prop .value-prop__wrapper .value-prop__item{min-height:35.75rem}}@media screen and (min-width:1920px){.aaon.value-prop .value-prop__wrapper .value-prop__item{min-width:27.1875rem}}@media screen and (min-width:768px){.aaon.value-prop .value-prop__wrapper .value-prop__item.aspect-box{--aspect-ratio:572/435}}@media screen and (min-width:1920px){.aaon.value-prop .value-prop__wrapper .value-prop__item.aspect-box{--aspect-ratio:572/435}}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper{border-radius:.5625rem;height:100%;max-height:100%;overflow:hidden;position:relative;width:100%}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper article{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;left:0;max-height:100%;overflow:hidden;padding:0 3.0625rem 2.4375rem 2.4375rem;position:absolute;right:0;transition:opacity .3s ease;width:100%}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper article h3,.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper article h4{color:#fff;flex-shrink:0;font-size:1.5625rem;font-weight:600;line-height:1.40096;margin-bottom:0}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper article p{color:#fff;flex-shrink:0;font-family:TT Norms Pro,sans-serif;font-size:1.0625rem;font-weight:500;line-height:1.58824;margin-bottom:0;margin-top:.625rem;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease-in-out;will-change:max-height,opacity}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper figure{transition:all .3s ease-in-out}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper figure.aspect-box{--aspect-ratio:572/435;height:100%;min-height:-webkit-fill-available;min-height:-moz-available}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper figure img{border-radius:.5625rem;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper figure img.hover-image{opacity:0;position:absolute;transition:all .3s ease-in-out;visibility:hidden}.aaon.value-prop .value-prop__wrapper .value-prop__item .value-prop__item-wrapper figure img.main-image{opacity:1;transition:all .3s ease-in-out;visibility:visible}.aaon.value-prop .value-prop__wrapper .value-prop__item:hover .value-prop__item-wrapper figure img.hover-image{opacity:1;position:absolute;visibility:visible}.aaon.value-prop .value-prop__wrapper .value-prop__item:hover .value-prop__item-wrapper figure img.main-image{opacity:0;visibility:hidden}.aaon.value-prop .value-prop__wrapper .value-prop__item:hover .value-prop__item-wrapper article p{max-height:12.5rem;opacity:1}