.storm-diff{background-color:var(--color-bg-cream);padding:6rem 1.5rem}.storm-diff__inner{max-width:118rem;margin:0 auto}.storm-diff__heading{margin:0 0 4rem;text-align:center;font-size:3rem;font-weight:900;line-height:1.2;color:rgb(var(--color-ink))}.storm-diff__heading-accent{color:rgb(var(--color-brand-navy))}.storm-diff__cards{position:relative;display:grid;grid-template-columns:1fr;gap:2.4rem;margin-bottom:4rem}.storm-diff__vs{position:absolute;top:4.3rem;left:50%;z-index:3;display:none;align-items:center;justify-content:center;width:5.8rem;height:5.8rem;border-radius:var(--radius-full);border:.5rem solid rgb(var(--color-white));background-color:rgb(var(--color-ink));box-shadow:0 .8rem 2rem #17203324;color:rgb(var(--color-white));font-size:1.25rem;font-weight:900;letter-spacing:.05em;transform:translate(-50%,-50%)}.storm-diff__card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:70rem;border-radius:2.4rem}.storm-diff__card--sdg{overflow:hidden;background-color:#ecf2fd;border:.2rem solid rgba(11,43,129,.7);box-shadow:0 1.4rem 3.4rem #224ca70e}.storm-diff__card--sdg .storm-diff__card-body{display:flex;flex-direction:column;flex:1;min-height:0}.storm-diff__card--bigbox{background-color:#ffffffe6;border-width:.4rem .1rem .1rem;border-style:solid;border-color:#dfe4ee;box-shadow:0 1.4rem 3.4rem #1720330e}.storm-diff__ribbon{position:absolute;top:2.8rem;left:-7.993rem;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:25.1rem;height:2.6rem;min-height:2.5rem;padding:0 7.2rem;border-radius:var(--radius-full);background-color:rgb(var(--color-ink));box-shadow:0 .7rem .8rem rgba(var(--color-brand-navy),.18);color:rgb(var(--color-white));font-size:1.25rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;text-align:center;white-space:nowrap;transform:rotate(-45deg)}.storm-diff__card-header{position:relative;display:flex;align-items:center;gap:1.6rem;min-height:13.8rem;padding:2.4rem 3.2rem;border-bottom:.1rem solid #e9edf4}.storm-diff__card--sdg .storm-diff__card-header{position:relative;z-index:3}.storm-diff__card--bigbox .storm-diff__card-header{background-color:#fafafae6;border-bottom-color:#e9edf4cc}.storm-diff__card-icon{flex-shrink:0;width:4.7rem;height:4.7rem;color:rgb(var(--color-ink))}.storm-diff__card-mark{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.storm-diff__card-mark svg,.storm-diff__card-mark img{display:block;width:7.4rem;height:2.6rem;object-fit:contain}.storm-diff__card-mark-text{font-size:1.1rem;font-weight:900;line-height:1.3;color:rgb(var(--color-ink));text-align:center}.storm-diff__card-mark-accent{display:block;color:rgb(var(--color-primary-red))}.storm-diff__card-title{margin:0 0 .3rem;font-size:1.9rem;font-weight:700;letter-spacing:-.03em;color:rgb(var(--color-ink))}.storm-diff__card-subtitle{margin:0;font-size:1.4rem;color:#667085}.storm-diff__timeline{position:relative;display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:4.5rem;padding:5.6rem 3rem 3rem 4rem}.storm-diff__timeline:before{content:"";position:absolute;top:7.3rem;bottom:4.7rem;left:5.7rem;width:.2rem;background-color:rgb(var(--color-ink));transform:translate(-50%)}.storm-diff__timeline-item{position:relative;z-index:1;display:flex;align-items:center;gap:2rem}.storm-diff__timeline-content{display:flex;flex:1;min-width:0;align-items:center;gap:1.2rem}.storm-diff__timeline-text{flex:1;min-width:0}.storm-diff__timeline-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:var(--radius-full);border:.4rem solid rgb(var(--color-white));background-color:rgb(var(--color-ink));color:rgb(var(--color-white));font-size:1.3rem;font-weight:700}.storm-diff__timeline-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:1.2rem;background-color:#f7f9fe;border:.1rem solid #dce3f1;color:rgb(var(--color-ink))}.storm-diff__timeline-icon svg{width:2.2rem;height:2.2rem}.storm-diff__timeline-title{margin:0 0 1rem;font-size:1.6rem;font-weight:700;color:rgb(var(--color-ink))}.storm-diff__timeline-desc{margin:0;font-size:1.3rem;line-height:1.4;color:#667085}.storm-diff__flow{position:relative;display:flex;flex-direction:column;gap:2rem;padding:2.4rem 2.2rem 0 2.6rem;margin-bottom:1.1rem}.storm-diff__flow-connector{display:none;position:absolute;z-index:0;pointer-events:none}.storm-diff__flow-connector svg{display:block;overflow:visible}.storm-diff__flow-connector-line{fill:none;stroke:#656d7b;stroke-width:1;stroke-dasharray:4 4}.storm-diff__flow-connector--down-right{left:100%;top:2.79rem;width:4.35rem;height:2.61rem}.storm-diff__flow-connector--down-left{right:100%;top:2.54rem;width:5.45rem;height:2.51rem}.storm-diff__flow-step{position:relative;z-index:1;box-sizing:border-box;height:6.4rem;background-color:#fdfdfd;border:.1rem solid var(--color-border);border-radius:1.3rem}.storm-diff__flow-number{position:absolute;top:-.8rem;left:-.9rem;z-index:2;display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;box-sizing:border-box;border-radius:var(--radius-full);border:.2rem solid rgb(var(--color-white));background-color:var(--color-text-secondary);color:rgb(var(--color-white));font-size:.976rem;font-weight:900;line-height:1.5rem}.storm-diff__flow-icon{position:absolute;left:1.3rem;top:1.5rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:var(--radius-full);background-color:#f8f9fb;border:.1rem solid #cfd4dc;color:#363636}.storm-diff__flow-icon svg{width:1.6rem;height:1.6rem}.storm-diff__flow-glyph{font-family:Inter,sans-serif;font-size:1.28rem;line-height:1.984rem;color:#606978}.storm-diff__flow-text{position:absolute;left:6.2rem;top:50%;width:18rem;margin:0;font-size:1.264rem;font-weight:700;line-height:1.6rem;color:#424a57;transform:translateY(-50%)}.storm-diff__summary{margin:0 2.2rem 2.2rem;padding:1.4rem 1.6rem;min-height:6.8rem;display:flex;align-items:center;justify-content:center;border-radius:1.4rem;border:.1rem solid #d8e0f1;background-color:#f3f6fd;text-align:center;font-size:1.6rem;font-weight:700;color:rgb(var(--color-ink))}.storm-diff__card--bigbox .storm-diff__summary{border-color:#e1e3e7;background-color:#f7f7f8;color:#5d6572;font-size:1.38rem}.storm-diff__value-bar{display:grid;grid-template-columns:1fr;background-color:rgb(var(--color-white));border:.1rem solid #d8dfed;border-radius:1.8rem;overflow:hidden}.storm-diff__value{display:flex;align-items:center;gap:1.2rem;padding:1.7rem 2rem;border-bottom:.1rem solid #e5e9f0}.storm-diff__value:last-of-type{border-bottom:0}.storm-diff__value-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:var(--radius-full);background-color:rgb(var(--color-brand-navy));color:rgb(var(--color-white))}.storm-diff__value-icon svg{width:1.6rem;height:1.6rem}.storm-diff__value-title{margin:0;font-size:1.44rem;font-weight:700;color:rgb(var(--color-ink))}.storm-diff__value-text{margin:.1rem 0 0;font-size:1.25rem;color:#5e687a}.storm-diff__value--cta{padding:1rem;border-bottom:0}.storm-diff__cta{display:flex;width:100%;height:100%;min-height:5.6rem;align-items:center;justify-content:center;gap:1rem;padding:1.8rem 3rem 1.8rem 2.8rem;background-color:rgb(var(--color-primary-red));border-radius:.4rem;color:rgb(var(--color-white));text-decoration:none;font-size:1.6rem;font-weight:600;transition:background-color .2s ease}.storm-diff__cta:hover{background-color:rgb(var(--color-cta-hover-green))}.storm-diff__cta .svg-wrapper{width:2rem;height:2rem;flex-shrink:0}@media screen and (min-width:750px){.storm-diff__heading{font-size:3.8rem}.storm-diff__cards{grid-template-columns:1fr 1fr}.storm-diff__card--sdg .storm-diff__card-header{padding:2.4rem 7.4rem}.storm-diff__vs{display:flex}.storm-diff__flow{display:grid;grid-template-columns:1fr 1fr;column-gap:1.4rem;row-gap:4rem}.storm-diff__flow-connector{display:block}.storm-diff__flow-step:nth-child(odd){grid-column:1}.storm-diff__flow-step:nth-child(2n){grid-column:2;margin-top:5.35rem}.storm-diff__value-bar{grid-template-columns:repeat(3,1fr) auto}.storm-diff__value{border-bottom:0;border-right:.1rem solid #e5e9f0}.storm-diff__value--cta{border-right:0}}@media screen and (min-width:990px){.storm-diff{padding:10rem 8rem}.storm-diff__heading{font-size:6.4rem;line-height:6rem;letter-spacing:-.128rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-storm-door-difference.css.map */