.clipSection{--zag-height:var(--s2h);--flat-top:0% 0%,100% 0%;--flat-bottom:100% 100%,0% 100%;--zag-top-down:0% 0%,50% var(--zag-height),100% 0%;--zag-top-up:0% var(--zag-height),50% 0%,100% var(--zag-height);--zag-bottom-down:100% calc(100% - var(--zag-height)),50% 100%,0% calc(100% - var(--zag-height));--zag-bottom-up:100% 100%,50% calc(100% - var(--zag-height)),0% 100%;}.clipBottomDown{ clip-path:polygon(var(--flat-top),var(--zag-bottom-down));margin-bottom:calc(0rem - var(--zag-height));}.clipTopDown{position:relative;margin-top:calc(0rem - var(--zag-height));}.clipTopDown:before{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;clip-path:polygon(var(--zag-top-down),var(--flat-bottom));}.clipTopDown:has(> .bg-white):before{ background:var(--white); }.clipTopDown:has(> .bg-offWhite):before{ background:var(--off-white); }.clipTopDown:has(> .bg-secondary):before{ background:var(--secondary); }.clipTopDown:has(> .bg-greige700):before{ background:var(--greige700); }.clipTopDown:has(> .bg-primary):before{ background:var(--primary); }.clipTopDown:has(> .bg-black):before{ background:var(--black); }.clipTopDown > div[class*="bg-"]{ background:none; isolation:isolate;}.clipSection > div[class*="bg-"]{padding:var(--zag-height) 0;}.clipSection:not(.clipTopDown):nth-child(1 of .clipSection) > div[class*="bg-"]{padding-top:0;}footer .clipTopDown:last-child > div[class*="bg-"]{padding-bottom:0;}.clipSection + .clipSection:not(.clipTopDown) > div[class*="bg-"]{padding-top:0;}.clipSection.mt0{margin-top:0;}.clipSection.mb0{margin-bottom:0;}.clipSection:not(.clipTopDown,.clipBottomDown){margin-top:-1px;}@media (min-width:48em){.clipSection{--zag-height:var(--s3);}}@media (min-width:90em){.clipSection{--zag-height:var(--s3h);}}.clipBottomDown + .clipBottomDown{clip-path:polygon(var(--zag-top-down),var(--zag-bottom-down));}.clipBottomDown + .clipBottomFlat{clip-path:polygon(var(--zag-top-down),var(--flat-bottom));}.clipBottomFlat + .clipTopDown{clip-path:none;}.clipTopDown + .clipBottomDown,.clipTopDown + .clipBottomFlat,.clipSection:not(.clipTopDown,.clipBottomDown,.clipBottomFlat) + .clipBottomDown,.clipSection:not(.clipTopDown,.clipBottomDown,.clipBottomFlat) + .clipBottomFlat{margin-top:calc(0rem - var(--zag-height));}.clipSection:has(.clipBottomFlat:nth-last-child(2),script:last-child):has(+ .clipTopDown) > div[class*="bg-"]{padding-bottom:0;}