.roofs-hubdb{width:100%}.roofs-hubdb__grid{column-gap:40px!important;display:grid!important;row-gap:40px!important;width:100%}.roofs-hubdb__grid+.roofs-hubdb__grid{margin-top:40px!important}.roofs-hubdb__grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}.roofs-hubdb__grid--standard{grid-template-columns:repeat(3,minmax(0,1fr))!important}.roofs-hubdb__card{align-items:flex-end;appearance:none;aspect-ratio:auto;background-blend-mode:normal;background-color:#e9f1fb;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:460px!important;justify-content:space-between;margin:0!important;max-width:none!important;min-height:0;overflow:hidden;padding:35px 58px;position:relative;text-align:left;text-decoration:none;text-transform:none;transition:none;width:100%!important}.roofs-hubdb__card:active,.roofs-hubdb__card:focus,.roofs-hubdb__card:focus-visible,.roofs-hubdb__card:hover{background-blend-mode:normal;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;box-shadow:none;filter:none;opacity:1;outline:0;transform:none;transition:none}.roofs-hubdb__card:after,.roofs-hubdb__card:before{display:none}.roofs-hubdb__card-copy{display:grid;gap:1px;min-width:0}.roofs-hubdb__card-material,.roofs-hubdb__card-title{display:block;line-height:1.08}.roofs-hubdb__card-title{font-family:Archivo Expanded,sans-serif;font-size:32px;font-weight:700}.roofs-hubdb__card-material{font-family:Archivo Expanded,sans-serif;font-size:28px;font-weight:500}.roofs-hubdb__card-icon{align-items:center;background:#f15a29;border-radius:999px;display:inline-flex;flex:0 0 51px;height:51px;justify-content:center;line-height:1;margin-left:24px;position:relative;width:51px}.roofs-hubdb__modal{align-items:center;display:none;inset:0;justify-content:center;padding:42px 24px;position:fixed;z-index:9999}.roofs-hubdb__modal.is-open{display:flex}.roofs-hubdb__modal-backdrop{background:rgba(5,28,54,.9);inset:0;position:absolute}.roofs-hubdb__modal-dialog{color:#fff;max-height:calc(100vh - 84px);max-width:1012px;overflow:auto;position:relative;width:min(100%,1012px);z-index:1}.roofs-hubdb__close{align-items:center;background:#f15a29;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;filter:none;flex:0 0 51px;font-size:40px;height:51px;justify-content:center;line-height:1;outline:0;padding:0;position:static;transform:none;transition:none;width:51px;z-index:2}.roofs-hubdb__close svg{display:block;height:17px;transform:none;transition:none;width:17px}.roofs-hubdb__close svg path,.roofs-hubdb__close:active svg path,.roofs-hubdb__close:focus svg path,.roofs-hubdb__close:focus-visible svg path,.roofs-hubdb__close:hover svg path{fill:#fff}.roofs-hubdb__close:active,.roofs-hubdb__close:focus,.roofs-hubdb__close:focus-visible,.roofs-hubdb__close:hover{background:#f15a29;border:0;box-shadow:none;color:#fff;filter:none;opacity:1;outline:0;transform:none;transition:none}.roofs-hubdb__close:after,.roofs-hubdb__close:before{display:none}.roofs-hubdb__popup-header{align-items:baseline;display:flex;gap:24px;justify-content:space-between;margin:18px 0 24px}.roofs-hubdb__popup-heading{align-items:baseline;display:flex;gap:18px;min-width:0}.roofs-hubdb__popup-material,.roofs-hubdb__popup-title{color:inherit;margin:0}.roofs-hubdb__popup-title{font-size:34px;font-weight:600;line-height:1.1}.roofs-hubdb__popup-material{font-size:30px;line-height:1.1}.roofs-hubdb__compare{background:#e9f1fb;border-radius:12px;min-height:330px;overflow:hidden;position:relative}.roofs-hubdb__compare-img{display:block;height:min(58vh,548px);object-fit:cover;width:100%}.roofs-hubdb__compare-after{clip-path:inset(0 calc(100% - var(--after-width)) 0 0);inset:0;position:absolute}.roofs-hubdb__compare-line{background:hsla(0,0%,100%,.9);bottom:0;left:var(--after-width);position:absolute;top:0;transform:translateX(-50%);width:3px}.roofs-hubdb__compare-handle{align-items:center;background:#fff;border-radius:999px;color:#10233f;display:inline-flex;font-size:28px;font-weight:700;height:52px;justify-content:center;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:52px}.roofs-hubdb__compare-range{cursor:ew-resize;inset:0;opacity:0;position:absolute;width:100%}.roofs-hubdb__popup-body{display:grid;gap:50px;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);margin-top:36px}.roofs-hubdb__popup-body *{color:#fff}.roofs-hubdb__description,.roofs-hubdb__highlights{color:#fff;font-size:20px;line-height:1.5}.roofs-hubdb__highlights li,.roofs-hubdb__highlights li::marker{color:#fff}.roofs-hubdb__description>:first-child,.roofs-hubdb__highlights>:first-child{margin-top:0}.roofs-hubdb__description>:last-child,.roofs-hubdb__highlights>:last-child{margin-bottom:0}.roofs-hubdb__highlights{border-left:1px solid hsla(0,0%,100%,.95);padding-left:48px}.roofs-hubdb__empty{margin:0}body.roofs-hubdb-modal-open{overflow:hidden}@media (max-width:1300px){.roofs-hubdb__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:991px){.roofs-hubdb__popup-header{align-items:flex-start;gap:18px}.roofs-hubdb__popup-heading{align-items:flex-start;flex-direction:column;gap:6px}.roofs-hubdb__popup-material,.roofs-hubdb__popup-title{font-size:28px}.roofs-hubdb__popup-body{gap:28px;grid-template-columns:1fr}.roofs-hubdb__highlights{border-left:0;border-top:1px solid hsla(0,0%,100%,.95);padding-left:0;padding-top:24px}}@media (max-width:767px){.roofs-hubdb__grid{column-gap:20px!important;grid-template-columns:1fr!important;row-gap:20px!important}.roofs-hubdb__grid+.roofs-hubdb__grid{margin-top:20px!important}.roofs-hubdb__card{height:308px!important;min-height:0;padding:25px 18px}.roofs-hubdb__card-title{font-size:18px}.roofs-hubdb__card-material{font-size:16px}.roofs-hubdb__card-icon{flex-basis:42px;height:42px;margin-left:16px;width:42px}.roofs-hubdb__modal{align-items:flex-start;padding:24px 16px}.roofs-hubdb__modal-dialog{max-height:calc(100vh - 48px)}.roofs-hubdb__close{flex-basis:40px;font-size:32px;height:40px;width:40px}.roofs-hubdb__popup-header{margin-right:0}.roofs-hubdb__popup-material,.roofs-hubdb__popup-title{font-size:24px}.roofs-hubdb__compare{min-height:240px}.roofs-hubdb__compare-img{height:360px}.roofs-hubdb__description,.roofs-hubdb__highlights{font-size:17px}}