/* One home-page layer: backgrounds below, every content surface above. */
.sc-home main{position:relative;isolation:isolate;z-index:0}
.sc-home main>section{position:relative}
/* After measurement, backgrounds and foreground sections are separate siblings.
   A section's reveal/stacking context can no longer carry an opaque background
   above the ribbon. Without JS, the original section backgrounds still work. */
.sc-home main.ribbon-ready>section{background:transparent;z-index:2}
.ribbon-surfaces{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ribbon-surface{position:absolute;left:0;right:0}
.sc-home .hero,.sc-home .sec-brands,.sc-home .sec-sell{--section-surface:var(--brand-paper)}
.sc-home .sec-news{--section-surface:var(--brand-bone)}
.sc-home .sec-who{--section-surface:var(--brand-forest)}
.sc-home .sec-careers{--section-surface:var(--brand-orange)}
.sc-home main>section>.wrap,.sc-home .nw-track{position:relative;z-index:2}
.sc-home .sc-footer{position:relative;z-index:2}
.home-ribbon{position:absolute;inset:0 auto auto 0;display:block;width:100%;overflow:hidden;z-index:1;pointer-events:none;user-select:none}
.home-ribbon path{fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.home-ribbon path{stroke-dashoffset:0!important}}