.flow{position:relative;isolation:isolate;overflow:hidden}
.flow-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#030d12 url('original/barge-and-tug-moving-rock00003.jpg') center center/cover no-repeat}
.flow-background-video{position:absolute;left:0;top:50%;width:100%;height:calc(100% + 220px);object-fit:cover;object-position:center;transform:translate3d(0,calc(-50% + var(--flow-video-shift,0px)),0);filter:brightness(.95) saturate(.85);opacity:.95;will-change:transform}
.flow-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,17,.58),rgba(2,12,17,.68) 72%,rgba(2,12,17,.8));pointer-events:none}
.flow>.section-intro,.flow>.flow-line{position:relative;z-index:1}
.flow .section-intro h2{text-shadow:0 2px 16px rgba(0,0,0,.75)}
.flow .flow-node>small,.flow .flow-node>span{color:#bfd4d1;text-shadow:0 1px 7px rgba(0,0,0,.8)}
.flow .flow-node>b{text-shadow:0 1px 7px rgba(0,0,0,.8)}
.flow .flow-node>i{background:rgba(3,13,18,.74)}
@media(max-width:520px){.flow-background-video{height:calc(100% + 140px)}}
@media(prefers-reduced-motion:reduce){.flow-background-video{display:none}.flow-media{background-image:linear-gradient(rgba(2,12,17,.5),rgba(2,12,17,.74)),url('original/barge-and-tug-moving-rock00003.jpg')}}