.roofing-systems,.roofing-systems *{box-sizing:border-box}.roofing-systems{background:var(--rs-background,#fff);font-family:var(--rs-font,"Montserrat",sans-serif);isolation:isolate;overflow:hidden;padding:var(--rs-padding,80px) 24px;position:relative}.roofing-systems__decoration{bottom:0;display:grid;grid-template-columns:repeat(6,240px);grid-template-rows:repeat(4,120px);height:480px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:1440px;z-index:-1}.roofing-systems .roofing-systems__pattern{display:block;height:auto;max-width:none;width:auto}.roofing-systems__pattern:nth-child(-n+12){transform:scaleX(-1)}.roofing-systems__container{margin:0 auto;max-width:var(--rs-width,1062px);width:100%}.roofing-systems__header{background:var(--rs-heading-background,#ff6b00);border-radius:24px;padding:24px}.roofing-systems .roofing-systems__heading{color:var(--rs-heading,#fff);font:700 48px/1.2 var(--rs-font,"Montserrat",sans-serif);letter-spacing:normal;margin:0 auto;max-width:1004px;overflow-wrap:anywhere;text-transform:none}.roofing-systems__intro{align-items:center;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:24px 0 26px}.roofing-systems .roofing-systems__intro-text{background:var(--rs-intro-background,#f0f6fd);border-radius:24px;color:var(--rs-text,#172e65);font-size:16px;font-weight:600;line-height:24px;margin:0;overflow-wrap:anywhere;padding:24px;text-align:center}.roofing-systems__grid{display:grid;gap:26px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.roofing-systems__card{background:var(--rs-card-background,#f0f6fd);border-radius:var(--rs-radius,16px);display:grid;grid-template-columns:1fr 1fr;min-height:280px;min-width:0}.roofing-systems__photo{min-height:280px;min-width:0;position:relative}.roofing-systems .roofing-systems__image{border-radius:var(--rs-radius,16px);display:block;height:100%;inset:0;max-width:100%;object-fit:cover;position:absolute;width:100%}.roofing-systems__copy{color:var(--rs-text,#172e65);display:flex;flex-direction:column;gap:16px;justify-content:center;min-width:0;padding:16px}.roofing-systems .roofing-systems__title{color:inherit;font:700 24px/1.3 var(--rs-font,"Montserrat",sans-serif);letter-spacing:normal;margin:0;overflow-wrap:anywhere;text-transform:none}.roofing-systems .roofing-systems__description{color:inherit;font-size:14px;font-weight:600;line-height:20px;margin:0;overflow-wrap:anywhere}@media (max-width:1100px){.roofing-systems .roofing-systems__heading{font-size:40px}.roofing-systems__grid{grid-template-columns:1fr}}@media (max-width:600px){.roofing-systems{padding:var(--rs-padding-mobile,40px) 20px}.roofing-systems__header{padding:24px 20px}.roofing-systems .roofing-systems__heading{font-size:30px}.roofing-systems__intro{gap:16px}.roofing-systems__card,.roofing-systems__intro{grid-template-columns:1fr}.roofing-systems__photo{aspect-ratio:1.3;min-height:0}.roofing-systems__copy{padding:24px}}